Cómo ampliar Ipsum, el tema de WordPress 7.2, con un tema hijo

Captura del tema Ipsum de WordPress con una entrada vista en escritorio, tableta y móvil

Ipsum, el tema por defecto que estrenará WordPress 7.2 el 8 de diciembre de 2026, está pensado como un lienzo en blanco, y eso lo convierte en una buena base para un tema hijo. Kinsta ha publicado una guía que repasa cómo está construido por dentro y cómo ampliarlo con una plantilla de archivo en cuadrícula tipo bento, sin tocar los archivos del tema original.

Las claves de ampliar Ipsum en 30 segundos

  • Ipsum es un tema de bloques minimalista que llega con WordPress 7.2, prevista para el 8 de diciembre.
  • Trae tipografías alojadas en local, unos 60 patrones y siete variaciones de estilo global.
  • Un tema hijo permite añadir plantillas, patrones y estilos sin perderlos al actualizar Ipsum.
  • Ipsum sigue en fase de pruebas: conviene experimentar en un entorno de staging.

Cuando el equipo de WordPress lo presentó en septiembre, contamos en wpdirecto que Ipsum rompía con los nombres por año y con la idea de un tema por defecto cargado de personalidad. Dos meses después, el tema ya viene incluido en las betas de WordPress 7.2 y la primera versión candidata está prevista para el 17 de noviembre, así que es buen momento para mirar cómo está hecho.

Qué hay dentro de Ipsum

El tema trabaja con una paleta de seis grises y un color de acento. Según los cálculos de Kinsta, el fondo por defecto (#fcfcfc) y el texto del cuerpo (#000000bf) dan un contraste de 10,26:1, suficiente para el nivel AAA de las pautas de accesibilidad WCAG en el texto principal; el equipo del tema se comprometió en su anuncio a que todas las combinaciones cumplan al menos el nivel AA. Incluye un enlace de «Saltar al contenido» en todas las páginas y resalta con el color de acento los enlaces al navegar con teclado. El punto débil que señala la guía es el subrayado punteado de los enlaces, que según los colores puede costar distinguir.

Las tipografías son variables, en formato .woff2 y alojadas en el propio tema, sin depender de Google Fonts: Manrope, Inter, Archivo y Archivo Condensed como sans serif; Besley y STIX Two Text como serif, y JetBrains Mono para el código. Inter es la fuente del cuerpo por defecto. Hay cinco tamaños predefinidos con tipografía fluida, que theme.json convierte en funciones clamp() de CSS, y cinco combinaciones tipográficas en los estilos globales que cambian las fuentes sin alterar los colores.

Las plantillas delegan el diseño en patrones internos: page.html, por ejemplo, llama al patrón oculto ipsum/hidden-page. Kinsta cuenta unos 60 patrones, algunos reservados para las plantillas y la mayoría utilizables en páginas; en la beta 3 de WordPress 7.2, InstaWP contaba 57 patrones y 11 plantillas, una diferencia normal en un tema que sigue cambiando. A eso se suman dos variantes de plantilla con barra lateral registradas en PHP (index-sidebar y archive-sidebar), siete variaciones de estilo global con paletas, filtros duotono y tipografías propias, como Golden Hour, y variaciones de estilo de bloque definidas en archivos JSON dentro de styles/blocks/.

Un detalle interesante para desarrolladores es que Ipsum usa block bindings, la API que conecta atributos de bloques con datos dinámicos. El patrón archive-full emplea una fuente llamada ipsum/comments-cta, registrada en functions.php, que muestra «Join the conversation» si la entrada tiene comentarios y «Be the first to comment» si no los tiene. Es un buen ejemplo de cómo resolver lógica sencilla sin bloques personalizados.

Crear el tema hijo

Un tema hijo hereda todo de Ipsum y solo contiene lo que cambia, así que las actualizaciones del tema padre no borran las personalizaciones. Basta con una carpeta ipsum-child en wp-content/themes/ con un style.css cuya cabecera indique a Ipsum como plantilla:

/*
Theme Name: Ipsum Child
Template: ipsum
Version: 1.0.0
*/Lenguaje del código: JSON / JSON con comentarios (json)

Y un functions.php que cargue la hoja de estilos del hijo. Como Ipsum carga su propia hoja con la función que apunta al tema activo, la guía de Kinsta da de baja ese registro y lo vuelve a registrar apuntando al padre, para que se carguen las dos. Una versión mínima de la parte del hijo sería esta:

<?php
add_action( 'wp_enqueue_scripts', function () {
	wp_enqueue_style(
		'ipsum-child',
		get_stylesheet_directory_uri() . '/style.css',
		array(),
		wp_get_theme()->get( 'Version' )
	);
}, 20 );Lenguaje del código: HTML, XML (xml)

La prioridad 20 hace que los estilos del hijo se carguen después de los del padre y puedan sobrescribirlos. Hay que recordar que los estilos del editor se configuran aparte de los de la parte pública, así que si el diseño también debe verse en el editor de sitios, hace falta registrarlos con add_editor_style().

Un archivo en cuadrícula bento

El ejemplo de Kinsta sustituye el archivo de entradas por una cuadrícula bento, con tarjetas de distintos tamaños. La estructura replica la del propio Ipsum: un archivo templates/archive.html que llama a un patrón oculto (patterns/hidden-archive-bento.php), que a su vez contiene el patrón con el bucle de entradas (patterns/archive-bento.php). Ese bucle se monta solo con bloques del núcleo: Query con 10 entradas por página, Post Template, Group, Post Featured Image, Post Title, Post Date, Query No Results y Query Pagination.

El diseño lo da el CSS: una cuadrícula de cuatro columnas en la que un ciclo de diez tarjetas (10n) decide cuáles son grandes, anchas o altas, que pasa a dos columnas por debajo de 781 píxeles y a una por debajo de 480. Un esquema de partida podría ser este:

.bento .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
.bento .wp-block-post:nth-child(10n+1) { grid-column: span 2; grid-row: span 2; }
.bento .wp-block-post:nth-child(10n+4) { grid-column: span 2; }
.bento .wp-block-post:nth-child(10n+7) { grid-row: span 2; }

@media (max-width: 781px) {
	.bento .wp-block-post-template { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
	.bento .wp-block-post-template { grid-template-columns: 1fr; }
	.bento .wp-block-post { grid-column: auto; grid-row: auto; }
}Lenguaje del código: CSS (css)

Para aplicar el mismo diseño a la portada del blog basta con copiar templates/archive.html como templates/index.html en el tema hijo. Después se sube la carpeta, se activa el tema hijo en Apariencia y se revisa el resultado en el editor de sitios.

Una advertencia: Ipsum sigue cambiando hasta el lanzamiento, y la propia InstaWP desaconseja construir un tema hijo para producción sobre la versión de una beta. Lo prudente es probarlo ahora en un entorno de staging o en WordPress Playground y revisar las plantillas cuando salga la versión final de WordPress 7.2.

Preguntas frecuentes

¿Cuándo llega Ipsum?

Con WordPress 7.2, cuya versión final está programada para el 8 de diciembre de 2026. Ya viene incluido en las betas.

¿Por qué usar un tema hijo con Ipsum?

Porque permite añadir plantillas, patrones y estilos propios sin perderlos cuando Ipsum se actualice con WordPress.

¿Ipsum carga fuentes de Google?

No. Sus tipografías variables en .woff2 están alojadas en el propio tema.

¿Puedo usarlo ya en producción?

No es recomendable hasta la versión final de WordPress 7.2, porque plantillas y patrones pueden cambiar. Mejor probarlo en staging o en Playground.

Fuentes:

Editor WPDirecto

Editor de WPDirecto potenciado con IA con el apoyo del equipo de edición.

Te puede interesar...

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    WordPress Directo
    WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

    © 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.