Temas híbridos de WordPress: Qué son, por qué son importantes y cómo crear uno en 2026

El lanzamiento de la versión 5.9 de WordPress trajo consigo la Edición Completa del Sitio, que permitía a los usuarios gestionar todos los elementos del sitio mediante bloques, incluidos los encabezados y pies de página, y las barras laterales.

Pero algunos no estaban preparados para cambiar. Muchos desarrolladores están atascados con temas clásicos, en gran parte debido a las antiguas dependencias de plugins y al código personalizado que no es fácil replicar con bloques.

Eso también se nota en las cifras. Según WPBakery, el 70% de los nuevos temas publicados en los últimos dos años siguen siendo clásicos.

Los temas híbridos ofrecen un punto intermedio perfecto. Combinan la estructura de los temas clásicos de WordPress con características clave de los bloques, lo que los convierte en una opción práctica para proyectos que necesitan flexibilidad sin una reconstrucción completa.

En este post, veremos qué son, cómo funcionan, cuándo utilizarlos y cómo convertir un tema clásico en un tema híbrido.

Empecemos…

¿Qué es un tema híbrido de WordPress?

Un tema híbrido de WordPress es una mezcla de temas clásicos y de bloque. Funciona como un tema clásico pero añade algunas funciones modernas de Full Site Editing (FSE).

Sigues utilizando archivos conocidos como archive.php o search.php. Al mismo tiempo, puedes utilizar partes de bloque, estilos globales y algunas herramientas del Editor de Sitios.

Es genial si quieres más control sobre el diseño pero no estás preparado para cambiar totalmente a un tema de bloques.

Para que quede claro, WordPress no incluye los temas híbridos como un tipo de tema oficial. Sólo reconoce los temas clásicos y los temas en bloque. Pero muchos desarrolladores utilizan el término «híbrido» para describir temas que mezclan lo mejor de ambos mundos.

Los temas híbridos son especialmente útiles si tienes código personalizado que quieres conservar mientras exploras nuevas características de diseño.

¡Alojamiento WordPress gestionado que maneja temas sin ralentizar tu sitio!

Con la pila híbrida optimizada LAMP + NGINX de Cloudways, disfruta de un rendimiento rápido incluso con temas de blogging pesados. Mejora la velocidad de tu sitio y posiciona mejor en Google hoy mismo.

Experimenta ahora

Temas clásicos vs. híbridos vs. en bloque – De un vistazo

Los tipos de temas de WordPress funcionan de forma diferente. Elegir entre temas clásicos, híbridos o en bloque afecta a tu control y a lo preparado que esté tu sitio para el futuro. He aquí una rápida comparación.

Función	Tema clásico	Tema híbrido	Tema Bloque
Plantillas	Basado en PHP	PHP + plantillas de bloques opcionales	Totalmente basado en bloques
tema.json	No utilizado o mínimo	Parcialmente compatible	Totalmente compatible
Edición completa del sitio	No compatible	Soporte parcial	Totalmente compatible
Personalizador	Totalmente compatible	Compatible con	No compatible
Widgets	Widgets clásicos	Widgets clásicos + de bloque	Sólo widgets de bloque
Control del desarrollador	Alto (PHP, ganchos)	Alto (PHP + funciones de bloque)	Principalmente visual
Control de edición del usuario	Bajo	Medio	Alto
Compatibilidad de plugins	Excelente	Generalmente buena	Varía

Cuándo tiene sentido cada tipo de tema

Los temas clásicos son adecuados cuando trabajas en sitios antiguos que dependen de PHP personalizado, plugins heredados o flujos de trabajo que no necesitan herramientas de edición modernas. Son fiables, pero no están pensados para la dirección que está tomando WordPress.

Los temas en bloque están diseñados para la edición completa del sitio. Son adecuados para proyectos en los que los clientes necesitan un mayor control práctico sin la ayuda de un desarrollador. Si estás empezando desde cero y quieres una configuración orientada al futuro, ésta es la mejor opción.

Los temas híbridos combinan las mejores características, permitiendo a los desarrolladores utilizar herramientas modernas como theme.json y plantillas de bloques, al tiempo que siguen siendo compatibles con PHP y el Personalizador. Si gestionas sitios web para varios clientes, con distintos niveles de complejidad, los híbridos proporcionan adaptabilidad sin comprometerse totalmente con los bloques.

¿Cuándo deberías optar por un tema híbrido de WordPress?

Los temas híbridos no son sólo un paso intermedio. Son una opción inteligente para los desarrolladores que desean una modernización gradual sin perder estabilidad.

Te permiten empezar a adoptar funciones basadas en bloques cuando tiene sentido, manteniendo intactos los sistemas heredados. Para las agencias que hacen malabarismos con múltiples configuraciones de clientes, esto puede ser una gran victoria.

¿Qué hace que un tema sea híbrido?

Los temas híbridos utilizan algunas funciones modernas de WordPress, pero siguen basándose en la estructura antigua. Esto es lo que suele diferenciarlos:

Soporte del Editor de Bloques sin FSE completo

Puedes crear y editar contenido utilizando el Editor de Bloques, pero no estás bloqueado en la Edición Completa del Sitio. El diseño sigue basándose en plantillas PHP tradicionales como index.php o single.php.

El Personalizador sigue disponible

Los temas híbridos no prescinden del Personalizador de WordPress. Puedes seguir gestionando la identidad del sitio, los menús, la configuración de la página de inicio y otros ajustes visuales desde el panel de control.

Mezcla de widgets de bloque y heredados

Admiten tanto widgets basados en bloques como widgets clásicos. Esto significa que los plugins antiguos siguen funcionando, y que los propietarios de los sitios no se ven obligados a utilizar bloques en todas partes.

Uso limitado de theme.json

En lugar de depender completamente de theme.json, los temas híbridos lo utilizan de forma selectiva. Puede definir cosas como paletas de colores o ajustes tipográficos, pero las decisiones sobre el diseño permanecen en PHP.

Compatible con la mayoría de plugins

Como el tema sigue empleando la configuración clásica, la mayoría de los plugins son compatibles y funcionan de inmediato. WooCommerce, ACF, las herramientas SEO y los creadores de páginas no tienen los problemas que a veces surgen en los temas de bloque completo.

Cómo se estructura un tema híbrido (Vista de desarrollador)

Desde la perspectiva de un desarrollador, los temas híbridos ofrecen un diseño flexible que mezcla plantillas PHP clásicas con archivos más recientes basados en bloques, todo dentro de la misma carpeta de temas.

1. Arquitectura dual

Los temas híbridos mantienen la jerarquía estándar de plantillas PHP (index.php, single.php, archive.php, etc.) al tiempo que admiten archivos modernos como theme.json y plantillas o partes basadas en bloques. Esto facilita la mejora de los diseños sin tener que revisar la lógica existente.

2. Disposición de la carpeta de temas

Dentro de la carpeta del tema, encontrarás una configuración que refleja este enfoque dual. Junto a los archivos de plantilla tradicionales, los temas híbridos incluyen directorios como /parts/, /patterns/ y un archivo theme.json, aunque el theme.json suele ser mínimo y centrarse en definiciones de estilo más que en el control total del diseño.

Estructura típica:

/theme-name

|── index.php

|── page.php

|── functions.php

|── header.php

|── footer.html (parte de la plantilla del bloque)

|── partes/

| └── hero-section.html

|── patrones/

| └── featured-posts.php

|── style.css

|── theme.json

3. Mezcla de enfoques de plantillas

Una gran razón por la que los desarrolladores optan por un enfoque híbrido es la flexibilidad. No tienes que cambiarlo todo a la vez. Por ejemplo, tal vez dejes tu bucle de contenido principal dentro de index.php, pero cambies el pie de página para utilizar block_template_part(). De ese modo, tú o tu cliente podéis editarlo desde el editor de bloques sin tocar los archivos del tema.

Esto facilita la actualización de secciones como banners o llamadas promocionales. Obtienes las ventajas de los bloques donde más importan, sin necesidad de reconstruir todo tu tema.

También es útil si gestionas sitios de varios clientes. Una configuración híbrida significa que puedes ir mejorando poco a poco partes de cada sitio con el tiempo, manteniendo las cosas organizadas a la vez que sigues teniendo un control total sobre el rendimiento y el diseño.

Ahora que la estructura está clara, veamos cómo empezar a añadir funciones de bloque a tu tema clásico.

Cómo añadir funciones de bloque a un tema clásico

Ahora déjame guiarte para transformar un tema clásico de WordPress como Twenty Twenty-One en un tema híbrido.

Requisitos previos:

Antes de empezar, asegúrate de que tienes:

• Una instalación de WordPress que funcione (se recomienda encarecidamente un entorno local o de prueba, nunca hagas esto directamente en un sitio activo). Utilizaré Cloudways para alojar mi sitio de WordPress, ya que ofrecen un entorno de prueba gratuito.
• Un tema clásico (no FSE) instalado y activo (utilizaremos Twenty Twenty-One en esta guía).
• Acceso a los archivos de tu tema de WordPress (mediante FTP, un gestor de archivos en el panel de control de tu alojamiento o una herramienta de desarrollo local como Local de WP Engine).
• Un editor de texto (como VS Code, Sublime Text o Notepad++).

Paso 1: Crear un Tema Hijo

Antes de realizar cualquier cambio en tu tema de WordPress, es importante crear un tema hijo. De ese modo, tus personalizaciones no desaparecerán cuando se actualice el tema padre.

Un tema hijo copia todos los estilos y funciones del tema original. Puedes añadir o cambiar código de forma segura sin afectar a los archivos principales.

Utilizar un tema hijo es una forma inteligente de mantener tu trabajo seguro y preparado para el futuro.

Para ello

• Utilizando tu gestor de archivos o cliente FTP, ve a wp-content/themes/. Yo utilizaré FileZilla para esto.

• Y dentro de wp-content/themes/, crea una carpeta nueva. Llamémosla twentytwentyone-hybrid.

• Abre tu editor de texto y añade el siguiente código:

/*
  Nombre del tema: Twenty Twenty-One Híbrido Infantil
  Tema URI: https://example.com/
  Descripción: Mi tema hijo híbrido personalizado para Twenty Twenty-One.
  Autor: Tu nombre
  URI del autor: https://example.com/
  Plantilla: twentytwentyone
  Versión: 1.0.0
  Licencia: Licencia Pública General GNU v2 o posterior
  URI de la licencia: https://www.gnu.org/licenses/gpl-2.0.html
  Dominio del texto: twentytwentyone-hybrid
*/

• Nombre del tema: Esto es lo que aparecerá en tu admin de WordPress.
• Plantilla: Indica a WordPress que twentytwentyone es el tema padre. Asegúrate de que coincide exactamente con el nombre de la carpeta del tema padre.
• Ahora guarda el archivo como style.css y arrástralo a la carpeta twentytwentyone-hybrid.

• Ahora vamos a crear otro archivo llamado functions.php dentro de la carpeta twentytwentyone-hybrid.

• Abre el archivo y añade el siguiente código:

<php
/**
  * Funciones y definiciones del Hijo Híbrido Veintiuno
  */

// Encarga los estilos del tema padre. Esto asegura que tu tema hijo hereda el CSS del padre. 
function twentytwentyone_hybrid_child_enqueue_styles() {
  wp_enqueue_style( 'twentytwentyone-style', get_template_directory_uri() . '/style.css' ); 
  wp_enqueue_style( 'twentytwentyone-hybrid-child-style',
  get_stylesheet_directory_uri() . '/style.css', 
  array( 'twentytwentyone-style' ),
  wp_get_theme()->get('Versión')
  );
}
add_action( 'wp_enqueue_scripts', 'twentytwentyone_hybrid_child_enqueue_styles' );

//

Más adelante añadirás aquí más funciones para introducir características híbridas.

¿Qué ocurre aquí?

wp_enqueue_style(): Esta función carga correctamente primero la hoja de estilos del tema padre y luego la de tu tema hijo. Esta es la forma recomendada de garantizar una correcta herencia de estilos.

• Ve a tu panel de WordPress(Apariencia > Temas).
• Ahora deberías ver«Veintiuno Niño Híbrido» en la lista.

• Haz clic en«Activar«. Tu sitio debería tener exactamente el mismo aspecto que antes, pero ahora estás trabajando con seguridad dentro de tu tema hijo.

Paso 2: Añade un archivo theme.json para los estilos globales

El archivo theme.json te permite definir ajustes de diseño para todo el sitio, como colores, tipografía y espaciado. Es una forma sencilla de empezar a incorporar funciones basadas en bloques a la configuración de un tema clásico.

Lo que estamos haciendo: Añadir un archivo theme.json para definir los colores por defecto, la tipografía y las opciones de diseño de los bloques.

Por qué lo hacemos: Para centralizar el estilo, dar a los usuarios más control sobre la apariencia de los bloques y habilitar nuevas funciones del editor de bloques.

Así es como lo haremos:

• Dentro de tu carpeta twentytwentyone-hybrid , crea un nuevo archivo llamado theme.json.

• Ábrelo y añade la siguiente estructura JSON básica:

{
  "$esquema": "https://schemas.wp.org/trunk/theme.json",
  "versión": 2,
  "configuración": {
  "color": {
  "paleta": [
  {
  "babosa": "primer plano",
  "color": "#000000",
  "nombre": "Primer plano"
  },
  {
  "babosa": "fondo",
  "color": "#ffffff",
  "nombre": "Fondo"
  },
  {
  "babosa": "primario",
  "color": "#007cba",
  "nombre": "Primaria"
  },
  {
  "babosa": "secundario",
  "color": "#6d6d6d",
  "nombre": "Secundaria"
  }
  ]
  },
  "tipografía": {
  "fontFamilies": [
  {
  "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
  "nombre": "Fuente del sistema",
  "slug": "sistema-font"
  }
  ],
  "lineHeight": true
  },
  "diseño": {
  "tamañoContenido": "720px",
  "tamañoAncho": "1200px"
  }
  },
  "estilos": {
  "bloques": {
  "núcleo/párrafo": {
  "color": {
  "texto": "var(--wp--preset--color--foreground)"
  }
  },
  "core/heading": {
  "color": {
  "texto": "var(--wp--preset--color--primario)"
  }
  }
  }
  }
}

El archivo de ejemplo theme.json que aparece a continuación configura los estilos globales básicos para tu tema de WordPress. Define una paleta de colores personalizada, utiliza una pila de fuentes del sistema para mejorar el rendimiento y establece anchuras de diseño para el contenido.

También se incluyen colores de texto predeterminados para párrafos y encabezados. Estos colores se basan en variables de la paleta personalizada que definas anteriormente en el archivo.

Prueba los cambios:

• Ve a tu panel de control de WordPress y crea una nueva entrada o página(Entradas > Añadir nuevo o Páginas > Añadir nuevo).

Nota: Si el plugin Editor clásico está activo, bloquea todas las funciones basadas en bloques. Para utilizar correctamente tu tema híbrido, ve a Plugins > Plugins instalados y desactívalo.

• Añade un Bloque de Párrafo y un Bloque de Encabezamiento.

• Selecciona el bloque Párrafo. En la barra lateral de configuración del bloque (normalmente a la derecha), ahora deberías ver tu paleta de colores personalizada en«Color«. Prueba a cambiar el color del texto.

• Haz lo mismo con el bloque Encabezado. Observa cómo el color por defecto de los encabezados es ahora«Primario» (azul), tal y como se define en tu archivo theme.json.

• También podemos probar los bloques Grupo o Columna . También observarás que los bloques Grupo o Columna respetan ahora los ajustes de diseño definidos en nuestro archivo theme.json. Como hemos establecido contentSize en 720px y wideSize en 1200px, estos bloques se mantendrán automáticamente dentro de esos límites.

},
  "diseño": {
  "tamañoContenido": "720px",
  "tamañoAncho": "1200px"
  }

• Inserta un bloque Lista . Verás que el texto hereda la pila de fuentes personalizada y el tamaño de fuente base que declaramos.

• También podemos probar los bloques Botones. Verás que extrae las opciones de color de fondo y de texto de nuestra paleta de colores.

Ya está. El tema Twenty Twenty-One funciona ahora como un tema híbrido porque hemos añadido un archivo theme.json y hemos habilitado la compatibilidad con el editor de bloques, además de aplicar un sistema de diseño para la tipografía y los colores, y la maquetación.

Hemos probado bloques comunes como Párrafos, Encabezados, Listas, Botones, Grupos y Columnas para asegurarnos de que todo se comporta como es debido.

Puedes continuar con el desarrollo del tema añadiendo elementos basados en bloques y estilos y patrones personalizados según tus requisitos.

Casos de uso ideales para los temas híbridos

Los temas híbridos son un buen término medio. Funcionan bien cuando quieres algunas funciones de bloque, pero no estás preparado para pasar a un tema totalmente basado en bloques. Aquí tienes algunos casos de uso que pueden ayudarte a entender mejor por qué muchos sitios web optan por una configuración de tema híbrido.

1. Actualizar sitios antiguos sin reconstruirlo todo

Si administras un sitio antiguo construido con plantillas PHP, cambiar a la edición completa del sitio puede resultar abrumador. Un tema híbrido te permite modernizarlo gradualmente añadiendo un archivo theme.json y soporte de bloques donde sea necesario.

2. Mantener las configuraciones de los plugins funcionando como están

Algunos plugins, especialmente los más antiguos, siguen dependiendo de plantillas clásicas. Un tema híbrido te permite mantener tu configuración actual al tiempo que mejora la experiencia del editor y el estilo.

3. Dar más control a los editores de contenidos

Puede que tus clientes no quieran libertad total, sino sólo la posibilidad de añadir un nuevo párrafo, título o imagen. Los temas híbridos les dan esas herramientas sin tener que cambiar todo el diseño.

4. Mantenerse rápido y ligero

Si el rendimiento es importante, la opción híbrida te da más control sobre lo que se carga. Puedes utilizar un mínimo de CSS y scripts, y seguir utilizando el editor de bloques con tu paleta, espaciado y fuentes personalizados.

Cómo desarrollar temas WordPress híbridos en Cloudways

Antes de trabajar en un tema híbrido, necesitarás un sitio WordPress que funcione. Cloudways facilita esa configuración, así que a continuación te explicamos cómo ponerlo en marcha.

Paso 1: Crear una cuenta o iniciar sesión

Dirígete a la Plataforma Cloudways. Si aún no tienes una cuenta, regístrate para obtener tu prueba gratuita de 3 días (no se requiere cc).

Paso 2: Lanzar una nueva aplicación de WordPress

• Una vez en el panel de control, haz clic en el botón «Añadir servidor«. En la lista de aplicaciones, elige WordPress.

• Pon nombre tanto a tu aplicación como al servidor.

Paso 3: Elegir un proveedor de la nube

Elige tu proveedor de nube preferido entre DigitalOcean, AWS, Google Cloud, Linode y Vultr.

Paso 4: Elige el tamaño de tu servidor

Si sólo estás creando o probando temas, no necesitas nada demasiado potente. Un servidor de 2 GB o 4 GB es más que suficiente en esta fase.

Paso 5: Establecer una ubicación del servidor

• Elige una ubicación que esté cerca de donde se encuentran los usuarios de tu sitio.
• Haz clic en el botón «Iniciar ahora«. Dale unos 7 minutos y tu instalación de WordPress estará lista.

Una vez que tu servidor esté desplegado y WordPress en funcionamiento, puedes conectarte mediante FTP para acceder a los archivos de tu tema. A partir de ahí, sigue el mismo proceso que hemos comentado antes para empezar a convertir tu tema clásico en uno híbrido.

Desafíos de los temas híbridos (y soluciones prácticas)

1. La estructura de la plantilla puede ser confusa

Los temas híbridos suelen mezclar plantillas PHP con archivos basados en bloques. Eso puede dificultar que los nuevos miembros del equipo sepan de dónde vienen las cosas.

Lo que ayuda:

• Sigue una estructura de carpetas coherente.
• Deja comentarios claros en los archivos de plantilla.
• Mantén un sencillo documento de referencia que explique qué maneja PHP y qué manejan los bloques.

2. La compatibilidad de los plugins no siempre es fluida

Algunos plugins de WordPress no se diseñaron teniendo en cuenta los temas híbridos o de bloques. Eso puede dar lugar a problemas de diseño o a que falten ajustes en el editor.

Qué hacer:

• Prueba los nuevos plugins antes de desplegarlos en los sitios de los clientes.
• Cuando sea posible, elige herramientas que se mantengan activamente y que sean compatibles con FSE.
• Mantén una pequeña lista de plugins «seguros» que sepas que funcionan bien en entornos híbridos.

3. El mantenimiento puede complicarse con el tiempo

Si diferentes partes de un sitio dependen de diferentes sistemas -algunos con bloqueos, otros sin ellos-, las cosas pueden volverse difíciles de rastrear. Las actualizaciones se vuelven más arriesgadas y lentas.

Cómo gestionarlo:

• Documenta qué partes del sitio utilizan bloques frente a PHP.
• Nombra las plantillas con claridad (header-classic.php vs. header-block.html).
• Haz pasadas regulares por el tema para limpiar los archivos o patrones que no utilices.

4. Los clientes pueden esperar una edición visual completa

Que un tema utilice bloques no significa que sea compatible con el editor completo del sitio. Algunos clientes se confunden cuando no pueden editar directamente las cabeceras o los pies de página.

Lo que ayuda:

• Establece límites claros durante el traspaso: explica qué se puede editar y qué no.
• Proporcionar patrones de bloques reutilizables para secciones de contenido comunes.
• Limita las opciones de personalización para mantener las cosas manejables y evitar diseños rotos.

5. La documentación suele estar incompleta

Los recursos sobre temas híbridos aún están poniéndose al día. La mayoría de los tutoriales cubren temas clásicos o la edición completa del sitio, pero no el estado intermedio que la mayoría de las agencias utilizan en la actualidad.

Qué hacen los desarrolladores:

• Guarda notas internas cuando resuelvas algo inusual.
• Sigue las actualizaciones de WordPress Core para adelantarte a los cambios.
• Mira ejemplos reales de temas híbridos para ver cómo estructuran las cosas los demás.

Resumen: ¿Es un tema híbrido el adecuado para tu próximo proyecto de WordPress?

Ahí lo tienes. Esta ha sido nuestra guía sobre los temas híbridos de WordPress. En este blog, hemos visto qué son los temas híbridos, cómo se comparan con los temas clásicos y en bloque, los componentes clave que conforman un tema híbrido y los pasos para convertir un tema clásico en uno.

También exploramos algunos de los retos más comunes que se encuentran los desarrolladores cuando trabajan con temas híbridos y formas prácticas de solucionarlos.

Si buscas un alojamiento para WordPress rápido y fiable, piensa en Cloudways. Con almacenamiento basado en SSD, almacenamiento en caché integrado, una pila de servidores optimizada e integración con Cloudflare, está diseñado para que tus sitios web funcionen siempre bien, independientemente de la complejidad del proyecto.