Edición completa del sitio de WordPress: cómo diseñar custom post types (WordPress 6.1)

En esta guía aprenderás a diseñar custom post types o, lo que es lo mismo, a asignar diseños distintos a los diferentes tipos de publicaciones personalizadas con la edición completa del sitio (FSE) en WordPress 6.1.

Videotutorial

Diseñando custom post types con la FSE

La edición completa del sitio (FSE) posee un mecanismo muy sencillo para que puedas asignar diferentes diseños a los distintos tipos de publicaciones personalizadas (custom post types) que tengas en tu sitio web o blog.

Dicho mecanismo son las plantillas. Si, por ejemplo, quieres tener un diseño especial para una de las categorías de tus post, simplemente debes asignar una categoría a ese tipo de post y crear una nueva plantilla en la edición del sitio (ver el videotutorial). Naturalmente, debes crear antes la categoría en concreto.

Dentro de la edición del sitio, dirígete a Plantillas y haz clic en «Crear nueva plantilla». Verás una opción que es «Plantilla personalizada» que te llevará, primero a darle un nombre y después al editor para que implementes una nueva plantilla.

Finalmente, es necesario que cada post de esa categoría tenga asignada esa nueva plantilla.

Diseño para el archivo con los custom post types

Con lo anterior, hemos creado una plantilla para las páginas con los posts individuales. Pero si queremos un diseño diferente para la página que muestra todos los posts (archivo) de esa categoría especial, podemos hacerlo igualmente a través de las plantillas de la edición del sitio.

Pero ahora elegiremos la opción «Categoría» cuando hacemos clic en «Añadir una nueva plantilla» en el apartado «Plantillas» de la edición del sitio. Y, luego, seleccionando la categoría específica en la pequeña ventana emergente que aparece. Recuerda que, primero, es obligatorio que esté creada la categoría correspondiente.

Plugin «Custom Post Types UI»

El plugin Custom Post Type UI sirve para crear tipos de publicaciones personalizadas de manera menos artesanal. Si tienes clientes que no son tan técnicos pero necesitan gestionar tipos de publicaciones personalizadas, quizá sea mejor que tengan un apartado, para ello, específico dentro del panel de control de WordPress, de manera semejante a como tienen la posibilidad de manejar posts y páginas.

Y, además, con el plugin Advanced Custom Fields es posible añadir campos a los custom post types.

Para asignar diseños especiales a los tipos de publicaciones personalizados, implementados con el plugin Custom Post Types UI, también puedes crear nuevas plantillas personalizadas, del mismo modo que vimos antes.

Archivo correspondiente a las publicaciones asociadas a los tipos creados con el plugin Custom Post Types UI

Aquí podríamos emplear una etiqueta (taxonomía) y un diseño utilizando las plantillas de la FSE con la opción «Taxonomía».

Pero probablemente sea más elegante crear una nueva página, asociándole una nueva plantilla de FSE. Dicha página requerirá que se incluya el bloque «Query Loop» para que se muestren todas las publicaciones de este tipo. En ese bloque se puede elegir, dentro de su configuración, el tipo de publicación personalizada concreto, aunque para ello hay que deshabilitar antes la opción «Inherit query from template».

Comparte en Mastodon:

Y aún hay más…

Suscríbete a la newsletter

En la newsletter «WP al día» recopilamos las ideas, trucos y noticias de actualidad acerca de WordPress, Gutenberg y la Edición completa del sitio. Recíbela todos los lunes a primera hora.

Suscríbete ahora y descarga, entre otros, nuestro último ebook «Un blog de 21 años (la historia jamás contada)!.

¡Quiero suscribirme!