Ticker

6/recent/ticker-posts

Ad Code

Responsive Advertisement

Curso de maquetación con Gutenberg #4. Consultas

En la cuarta clase del curso de maquetación con Gutenberg veremos cómo mostrar listados de contenido con distintas distribuciones.

Hemos visto en mil ocasiones modos de crear Custom Post Types, por código y con plugins. Pero nos topamos siempre con la dificultad de mostrar de un modo elegante los CPTs en una cuadrícula o del modo que sea, pues bien, los bloques de Gutenberg vienen a socorrernos ayudando a mostrar los CPTs con un par de clics.

¿A que es increíble? pues lo vemos en el siguiente video paso a paso recorriendo todas y cada una de las opciones que nos otorgan los patrones de bloques de consultas.

Este contenido está únicamente disponible para los suscriptores. Puedes identificarte en este enlace o suscribirte a los cursos.

Hemos recorrido los distintos elementos dentro de los patrones de consulta como son la paginación, los elementos dentro del loop, la estructura de cuadrícula, los títulos, atributos de los posts como la fecha de publicación y todo ello ubicado del modo preciso en el lugar deseado.

El tener la opción de ver cómo está estructurado un patrón de consulta del tema nos ha permitido conocer no sólo cómo editarlo, sino también cómo crear nuestra propia estructura para mostrar el post justo como deseamos. El control a la hora de mostrar el contenido es absoluto.

Visto esto os propongo como tarea crear un loop de los productos de una tienda de WooCommerce. Simplemente hay que instalar el plugin del repositorio, agregar los artículos de prueba y crear una página con un loop que muestre los artículos en el orden que veais más oportuno. Como añadido os propongo ir un paso más allá y agregar una categoría determinada a los artículos para poder filtrarlos en el loop.

Además de tenernos a vuestra disposición para resolver cualquier duda en el formulario de soporte de la intranet, tenéis disponible el curso de Custom Fields para que creeis el CPT que más os guste.

Enregistrer un commentaire

0 Commentaires