Principal/WordPress Fullstack/Blueprints/Temas personalizados
WordPress54 ТЗReact y Next.js10 ТЗIngeniería de IA6 ТЗ
A las 6 secciones de planos
Temas personalizadosGutenberg y FSEWooCommerceDevOps y VelocidadSeguridad y APIIA y Agentes
Раздел • Temas personalizados • 12 ТЗ

Temas personalizados

12 especificaciones prácticas: Desarrollo de temas a medida desde Figma, plantillas PHP, functions.php, The Loop, ACF PRO y fuentes locales WOFF2.

Progreso de sección «Temas personalizados»
0%(0/63 pasos)
+0 XP0 de 12 resueltos

Artículos Fundamentales y Teoría para Aprender desde Cero

8 artículos

Domina estos 8 materiales clave para ejecutar las especificaciones de esta sección sin lagunas de conocimiento.

Фундаментальная базаJunior • База

Иерархия шаблонов в WordPress с нуля

Фундаментальный порядок каскадного поиска файлов locate_template(): index.php, single.php, page.php, archive.php и 404.php.

~20 minAbrir lección
Фундаментальная базаJunior • База

Цикл WordPress (The Loop) под капотом

Механика глобального объекта $wp_query, have_posts(), the_post() и безопасный рендеринг постов без утечки глобального состояния.

~20 minAbrir lección
Архитектурный паттернMiddle • Архитектура

Мастерство создания кастомных выборок WP_Query

Сложные выборки с фильтрацией по метаполям meta_query, таксономиям tax_query, постраничной пагинацией и оптимизацией SQL.

~25 minAbrir lección
Фундаментальная базаJunior • База

Архитектура хуков: Actions и Filters

Событийная модель ядра: приоритеты выполнения, стек вызовов add_action/add_filter и хуки жизненного цикла темы.

~20 minAbrir lección
Архитектурный паттернMiddle • Архитектура

Регистрация Custom Post Types и таксономий

Проектирование каталогов, портфолио и пользовательских сущностей через register_post_type и register_taxonomy по стандарту.

~20 minAbrir lección
Архитектурный паттернMiddle • Архитектура

Создание метабоксов и работа с ACF PRO

Интеграция произвольных полей, Flexible Content конструкторы страниц и безопасное сохранение метаданных с проверкой прав.

~25 minAbrir lección
Практический воркфлоуSenior • Production

Воркфлоу: Разработка темы с нуля на Vite 6 и Tailwind v4

Сквозной боевой сценарий: от пустой папки до продакшен-темы с HMR, Tailwind v4, компиляцией TypeScript и сборкой ассетов.

~35 minAbrir lección
Практический воркфлоуMiddle • Архитектура

Воркфлоу: Дочерние темы и каскад locate_template()

Безопасная кастомизация коммерческих тем без риска потери изменений при обновлениях ядра и родительской темы.

~30 minAbrir lección
Temas personalizados
Middle~12 h

Especificación: Maquetación desde Figma a tema WordPress con ACF PRO (Flexible Content)

Desarrollo paso a paso de un tema clásico de WordPress en PHP puro: maquetación modular desde Figma con ACF Flexible Content, sincronización local acf-json, encolado de recursos y escape estricto de datos.

Tenemos un diseño aprobado en Figma para landing y páginas internas. Necesitamos un tema WordPress rápido y modular con ACF Flexible Content para que los editores puedan construir páginas personalizadas sin romper la coherencia visual.
PHP 8.3/8.4WordPress 6.7+ACF PRO Flexible ContentFigma to WordPress+4
Progreso: 0 de 7 pasos0%
Temas personalizados
Middle~14 h

Especificación: Catálogo de productos con CPT, taxonomías y filtrado AJAX

Desarrollo completo de un tema de catálogo: registro de tipos de contenido personalizados (CPT), taxonomías jerárquicas, modificación de la consulta principal con pre_get_posts, plantillas de archivo y filtrado AJAX con Nonce.

Necesitamos un sitio web de catálogo de maquinaria y equipos. El panel de administración debe tener una sección independiente de 'Equipos' con taxonomías personalizadas (Categorías, Marcas) y especificaciones técnicas, con filtrado inmediato en el frontend sin recargas de página.
PHP 8.3/8.4register_post_typeregister_taxonomypre_get_posts+4
Progreso: 0 de 7 pasos0%
Temas personalizados
Junior~6 h

Especificación: Arquitectura de tema hijo (Child Theme) y personalización segura

Arquitectura profesional de tema hijo: manifiesto style.css con cabecera Template, encolado correcto de estilos del padre e hijo, anulación segura de plantillas y extensión de funciones mediante ganchos.

Nuestro portal corporativo utiliza un tema prémium. Necesitamos personalizar el diseño, crear plantillas específicas e integrar servicios externos en un tema hijo para que las actualizaciones del tema padre no eliminen los cambios.
PHP 8.3/8.4Child Themesstyle.css Template Headerwp_enqueue_scripts+2
Progreso: 0 de 5 pasos0%
Temas personalizados
Middle~8 h

Especificación: Integración de Vite 6, Tailwind CSS v4 y TypeScript en tema WordPress

Flujo moderno de desarrollo frontend para WordPress: Hot Module Replacement (HMR) instantáneo en desarrollo, cargador PHP basado en manifest.json de Vite 6, compilación Tailwind CSS v4 y TypeScript con tipado estricto.

Nuestro entorno anterior con Gulp/Webpack es demasiado lento: guardar un archivo CSS tarda 5 segundos en recargarse. Queremos un flujo ultrarrápido con Vite 6, Tailwind CSS v4 y TypeScript que admita HMR instantáneo y genere paquetes de producción optimizados.
PHP 8.3/8.4Vite 6Tailwind CSS v4TypeScript+3
Progreso: 0 de 5 pasos0%
Temas personalizados
Middle~10 h

Especificación: Desarrollo de Mega-Menu adaptativo con Walker_Nav_Menu personalizado e iconos

Navegación avanzada en múltiples columnas: extensión de Walker_Nav_Menu, campos personalizados en el panel de administración (insignias, iconos, banners), cuadrícula CSS Grid, accesibilidad con teclado y cajón móvil.

Nuestra tienda cuenta con más de 30 categorías. El menú desplegable por defecto de WordPress es inmanejable. Necesitamos un mega-menú moderno en varias columnas con iconos, banners de promociones, accesibilidad total por teclado y un acordeón móvil fluido.
PHP 8.3 OOPWalker_Nav_Menuwp_nav_menu_item_custom_fieldsCSS Grid & Flexbox+2
Progreso: 0 de 5 pasos0%
Temas personalizados
Junior~7 h

Especificación: Búsqueda en tiempo real (Live Search) con autocompletado y debounce

Búsqueda instantánea de alto rendimiento: endpoint personalizado en WP REST API, consulta optimizada con WP_Query, capa modal accesible con ARIA live regions, debounce en cliente con AbortController y navegación por teclado.

Los usuarios se quejan de la lentitud de la búsqueda tradicional y las constantes recargas de página. Necesitamos una capa de búsqueda a pantalla completa que muestre resultados instantáneos con miniaturas, categorías y precios al escribir.
PHP 8.3/8.4WP REST APIWP_Query (s parameter)Vanilla JS Fetch API+3
Progreso: 0 de 5 pasos0%
Показано 1–6 из 12 ТЗ