¿Cómo usar Query Loop en WordPress para crear una página de lista de publicaciones?

La página de publicaciones de blog muestra todas las publicaciones de blog en su sitio web de WordPress en una página, independientemente de su categoría, tipo, fecha de publicación o autor. ¿Alguna vez ha visto sitios web que son básicamente artículos y publicaciones de blog? Bueno, eso es esencialmente una página de publicaciones de blog que sirve como página de inicio para dichos sitios web. Estos tipos de sitios web son más evidentes con sitios web que muestran exclusivamente contenido relacionado con noticias. Aparte de eso, las páginas de la lista de publicaciones suelen ser lo que ve cuando visita los blogs o la página de noticias de la mayoría de los sitios web. Entonces, ¿cómo puede crear uno de estos para su propio sitio web?

Configurar la página de publicaciones de blog en WordPress

Si desea configurar una página de blog, simplemente puede crear una página en WordPress.

• Vaya al panel de administración de su sitio web y seleccione "Páginas> Agregar nuevo".
• Ingrese un título para la página. En la mayoría de los sitios web, como se mencionó anteriormente, esta página se llamará "Blogs" o "Noticias", puede usar lo que quiera.
• Asegúrese de que no haya contenido en la página y publique la página vacía.
• Ahora, vaya a la sección "Configuración> Escritura" en su panel de administración de WordPress y seleccione la página vacía como "Página de publicaciones".
• Guarde su configuración.

Puede personalizar la cantidad de publicaciones que aparecen en la página de publicaciones y si desea mostrar el resumen o el contenido completo de cada publicación.

La página de lista de publicaciones diseñada se controla a través de su tema y también puede usar complementos de creación de páginas para crear una página de publicaciones de aspecto personalizado en su sitio. Ahora que puede preguntarse, cuando se trata de una opción predeterminada, hay un bloque de bucle de consulta separado disponible en el editor de Gutenberg.

El bloque de bucle de consulta

WordPress lanzó una nueva característica realmente genial en la versión 5.8, el bloque Query Loop. A diferencia de una página de publicaciones de blog, tiene opciones de personalización para ajustar la visualización y varias otras funciones con el bloque de bucle de consulta. En esencia, puede usar el bloque de bucle de consulta para crear fácilmente una página de lista de publicaciones llena con todas sus publicaciones según sus preferencias específicas en términos de diseño, alineación y estructura.

El bucle de consulta es básicamente un bloque anidado que contiene, título de la publicación, contenido de la publicación, imagen destacada de la publicación, etc. y funciona exactamente como el bloque "Lista de publicaciones". Con una gran cantidad de patrones de bloques integrados en este nuevo editor de bloques, puede crear fácilmente una página de cartera o una página llena de sus publicaciones favoritas, sin complementos de terceros. Con esta guía, lo guiaremos a través de todos los pasos necesarios para configurar una página de publicaciones y usar el bloque de bucle de consulta para completar la página con las publicaciones de blog en su sitio de WordPress.

Para los propósitos de este ejercicio, le recomendamos que ya tenga al menos algunas publicaciones en su sitio web antes de crear su página de lista de publicaciones. Además, asegúrese de estar utilizando el editor de bloques Gutenberg y no el antiguo editor clásico.

Agregar un bloque de bucle de consulta

• Haga clic en el insertador (+) Add Block y seleccione el bloque Query Loop como se muestra en la imagen a continuación. Para encontrar el bloque Query Loop, tendrá que hacer clic en Examinar todo y luego desplazarse a la sección Tema del insertador de bloques. Alternativamente, puede escribir "/ query loop" en un nuevo bloque de párrafo para hacer lo mismo.

Personalización del bloque de bucle de consulta

Al agregar el bloque de bucle de consulta en su página, de forma predeterminada, el bloque llenará su página con la última publicación. Sin embargo, con el fin de crear una página de publicaciones, puede cambiar la cantidad de publicaciones que se mostrarán. El editor de bloques Query Loop le ofrecerá varias opciones de diseño en forma de patrones de bloques para elegir y personalizar. Las diferentes opciones de diseño se pueden visualizar en forma de carrusel o en formato de cuadrícula.

Patrones de diseño de bloques de bucle de consulta

Elija uno entre los dos formatos de vista, carrusel o cuadrícula, según la vista de diseño que prefiera en la parte superior del bloque de bucle en su página de lista de publicaciones. Tendrá que usar el botón Elegir si decide ir con la vista de carrusel o seleccionar una de las opciones disponibles si el formulario de cuadrícula es su formato de visualización de elección.

Los patrones de Query Loop proporcionados por WordPress por defecto son:

• Estándar
• Imagen a la izquierda
• Pequeña imagen y título
• Red
• Título grande
• Compensar

Para fines de demostración, hemos decidido utilizar el patrón de diseño estándar que se muestra a continuación con el formato de vista de carrusel. Por el contrario, también puede optar por comenzar desde En blanco y elegir una de las cuatro variaciones que se adapte a sus necesidades específicas y personalizar más a partir de ahí.

Opciones de bloque de bucle de consulta

Como se mencionó anteriormente, el ciclo de consulta se compone de bloques anidados que se pueden reorganizar, agregar, alinear, etc. Lo bueno es que cuando personalizas y realizas cambios en un bloque, lo mismo se aplicará a todos los bloques del mismo tipo. Como se muestra en la captura de pantalla a continuación, puede usar la barra de herramientas superior para realizar las siguientes modificaciones en sus bloques de publicaciones:

• Ancho: modifique el ancho de los distintos elementos en el bloque de bucle de consulta. Desde la barra de herramientas superior, podrá hacer que las publicaciones sean de ancho completo o ancho ancho. La opción de ancho amplio extenderá el bloque más allá del tamaño del contenido, mientras que la opción de ancho completo extenderá el bloque de Query Loop para cubrir todo el ancho de su pantalla.
• Alineación: cambia la alineación de los distintos elementos en el bloque Query Loop. Tiene la opción de elegir la configuración de alineación que va de la izquierda al centro y al lado derecho de la página.
• Disposición: puede reorganizar los elementos del bloque de bucle de consulta como desee utilizando los elementos de cambio como se muestra a continuación.

• Colores: puede aplicar varios tipos de opciones de color a través de las opciones de configuración de Bloque del bloque que ha seleccionado.
• Agregar bloques: también puede agregar nuevos elementos a sus bloques, como autores de publicaciones o extractos, si lo desea.

Barra de herramientas de bloque de bucle de consulta

En la barra de herramientas del bloque Query Loop, encontrará el botón Configuración de pantalla , que al hacer clic en él abre una ventana emergente que le permitirá elegir cuántas publicaciones mostrar.

• Elementos por página: número de publicaciones para mostrar dentro del bloque de bucle de consulta
• Desplazamiento: número de publicaciones que desea omitir
• Número máximo de páginas para mostrar: limita la cantidad de publicaciones que desea mostrar.

Elija la cantidad de publicaciones que desea mostrar en su página de lista de publicaciones. Se recomienda que las páginas de la lista de publicaciones muestren todas las publicaciones del sitio web. Dicho esto, es posible que no estén en la misma página y se puedan mostrar en varias páginas mediante la paginación.

En la barra de herramientas del Bloque de consultas, también puede alternar entre Vista de lista o Vista de cuadrícula si desea mostrar sus publicaciones en formato de lista apilada o como cuadrículas, una al lado de la otra, respectivamente.

Relacionado: Los 5 mejores complementos de bloques de Gutenberg para WordPress.

Editor de bloques de bucle de consulta

Al usar las funciones y modificadores específicos en el editor de bloques de Query Loop, podrá realizar cambios en la configuración de color, aplicar filtros específicos de publicaciones y cambiar el orden de las publicaciones en su página de lista de publicaciones. Si en caso de que no vea el editor de bloques, haga clic en el icono de "engranaje" junto al botón de publicar para abrir la barra lateral del editor en el lado derecho de su pantalla.

• Las opciones de color en el editor de bloques Query Loop afectarán a todo el bloque Query, pero también puede personalizar elementos individuales dentro del bloque seleccionándolos específicamente y haciendo los cambios correspondientes a través de la barra lateral del editor. El editor de bloques Query Loop proporciona las siguientes opciones de personalización de color dentro del bloque:
  • Color del texto: le permite realizar cambios de color en el texto contenido dentro del bucle de consulta. Aquí, tiene la opción de elegir uno de los colores preestablecidos del menú, elegir un color personalizado de la paleta o agregar un código de color específico de su elección.
  • Color de fondo: esto afectará el color del fondo general del bloque. Aquí, puede elegir un color preestablecido, elegir un color personalizado, agregar un código de color específico o usar una opción de color degradado también. Puede ver cómo el uso de una opción de color degradado ha afectado el bloque de consulta en la captura de pantalla que se proporciona a continuación.
  • Color del enlace: esta opción de color controla los colores de cualquier enlace en cualquiera de las publicaciones presentes en el bloque de consulta. Esta opción tiene exactamente las mismas variaciones de color que la opción de color del texto.

• En la barra lateral del editor de bloques Query Loop, se encontrará con la opción Heredar consulta de la plantilla . Esta opción se puede activar y desactivar, dependiendo de si desea personalizar la consulta en la que se basa el bucle. Si lo activa, se ocultarán ciertas opciones de personalización, pero, si lo desactiva, aparecerán más opciones de personalización como:
  • Columnas: Esta será una barra de arrastre que le permitirá seleccionar la cantidad de columnas en las que desea mostrar sus publicaciones. Esta opción solo aparecerá si se selecciona la vista de cuadrícula en lugar de la vista de lista.
  • Ordenar por: podrá ordenar las publicaciones en la página de la lista de publicaciones en cualquiera de los siguientes criterios:
    • De más nuevo a más antiguo, esta es la opción de orden predeterminada
    • De más antiguo a más nuevo
    • Alfabético, de la A a la Z
    • Alfabético, de la Z a la A
  • Publicaciones fijas: al usar esta opción, las publicaciones de blog se pueden colocar en la parte superior de la página principal de las publicaciones, manteniéndolas allí hasta que se publique una publicación adhesiva más nueva. Puede incluir, excluir o mostrar solo publicaciones fijas.
• También encontrará la opción Filtro en la barra lateral del editor de bloques de Query Loop, una opción que lo ayudará a personalizar aún más las publicaciones que se muestran. Esta opción será invisible si activa la opción Heredar consulta de la plantilla . Para crear un filtro para mostrar publicaciones en su página de lista de publicaciones, puede jugar con las siguientes opciones.
  • Categorías: tendrás que enumerar las categorías de publicaciones que quieras incluir. Tenga en cuenta que tendrá que asignar sus publicaciones en categorías distintas para que este filtro funcione.
  • Autor: puede usar este filtro si desea mostrar solo los blogs escritos por un autor específico en su página de índice.
  • Palabra clave: si desea filtrar publicaciones en función de las palabras clave que las publicaciones pueden incluir, utilice esta opción de filtro.
• Finalmente, también encontrará la opción Configuración avanzada que le permitirá agregar una clase CSS personalizada con la que puede personalizar el estilo del bloque según sus preferencias específicas. También puede asignar un elemento HTML si lo desea. Sin embargo, si no tiene experiencia en desarrollo web front-end, le recomendamos que deje esta opción como está y use las otras opciones de personalización de bloques para diseñar su bloque de bucle de consulta.

¡Y ahí lo tienes! Puede usar las diferentes opciones mencionadas anteriormente en el bloque Query Loop para crear una página de publicaciones para enumerar las diferentes publicaciones en su sitio de WordPress y personalizarlas como mejor le parezca. Si es necesario, puede asignar la página de publicaciones como su blog o utilizarla como un blog separado con parámetros específicos.