Volver al soporte Contenido y multimedia Bloques Bloque Bucle de consulta

Bloque Bucle de consulta

El bloque Bucle de consulta es un bloque muy potente para mostrar contenido en tu sitio web.

Añadir el bloque Bucle de consulta

Para añadir el bloque Bucle de consulta, haz clic en el icono + de inserción de bloques y busca «consulta». Haz clic para añadir el bloque a la entrada o a la página.

💡

También puedes escribir con el teclado /query en una línea nueva y pulsa intro para añadir rápidamente un nuevo bloque Bucle de consulta.

GIF animado que muestra el ratón haciendo clic en el icono +, buscando Lista de contenidos y haciendo clic para añadirlo.

Encontrarás instrucciones detalladas sobre cómo añadir bloques en esta página.

Cuando añades el bloque por primera vez, puedes elegir una de las cuatro variantes:

Haz clic en una de las opciones para elegirla y luego puedes personalizar el aspecto en los ajustes con la barra lateral y la barra de herramientas del bloque.


Barra de herramientas de bloques

Cuando haces clic en el bloque, aparece una barra de herramientas de opciones:

Barra de herramientas del bloque Lista de contenidos

El bloque Bucle de consulta tiene las siguientes opciones en la barra de herramientas:


Ajustes del bloque

Cuando haces clic en el bloque, verás ajustes del bloque adicionales en la barra lateral de la derecha. Si no ves la barra lateral, es posible que tengas que hacer clic en el icono ⚙️ (el engranaje) en la esquina superior derecha para que aparezcan esos ajustes.

Los ajustes del bloque están en la barra lateral de la derecha.
Ajustes del bloque
Ajustes de color

Utiliza los ajustes de color para controlar el color del texto, del fondo y de los enlaces dentro del bloque Bucle de consulta.

Ajustes de color del bloque Lista de contenidos
Ajustes

Si cambias la opción Heredar consulta de la plantilla, tu contenido se mostrará con las opciones por defecto. Desactívala para personalizar lo siguiente:

  • Tipo de entrada: elige si quieres mostrar entradas, páginas, testimonios, proyectos u otros tipos de entradas personalizadas que se pueden añadir con plugins (como productos con WooCommerce, por ejemplo).
  • Ordenar por: elige el orden en el que quieres que aparezca tu contenido.

Además, puedes elegir si quieres incluir o excluir entradas fijas o solo mostrar las entradas fijas.

Configuración del bloque Lista de contenidos mostrando la opción “Heredar consulta de la plantilla”.
Filtros

Para acceder a las opciones de filtro, desactiva la opción Heredar consulta de la plantilla.

Al usar las opciones de filtro, puedes restringir el contenido que se muestra mediante:

La opción de los filtros muestra cuadros para limitar el contenido por categorías, etiquetas, autores y palabras clave.

Elementos del bloque Bucle de consulta

El bloque Bucle de consulta incluye varios subbloques para que tengas más control sobre cómo se muestra exactamente tu contenido.

Se pueden añadir los siguientes bloques dentro del bloque Bucle de consulta. Aunque los bloques tengan la etiqueta de «entrada», también se pueden utilizar en páginas, portafolios, testimonios y otros tipos de contenido:

La imagen de ejemplo que aparece a continuación enseña un bloque Bucle de consulta que se utiliza para mostrar el título, la fecha, la imagen destacada, las etiquetas, la categoría y el extracto de la entrada:

tres entradas de blog con títulos, fechas, imágenes, etiquetas, categorías y extractos de texto.

Con la Vista de lista, puedes ver fácilmente la estructura actual de los bloques dentro del bloque Bucle de consulta.

Para ver la lista de bloques, elige Vista de lista en la parte superior de la pantalla. El icono son tres líneas horizontales una encima de la otra.

Vista de lista expandida para mostrar los diferentes bloques que hay dentro de Lista de contenidos.

Más abajo, puedes leer las descripciones de cada bloque.

Bloque del título de la entrada

El bloque del título de la entrada mostrará el título de cada contenido que publiques.

Cuando haces clic en el bloque, aparece una barra de herramientas de opciones:

el bloque del título de la entrada encima del bloque
Barra de herramientas del bloque del título de la entrada

El título de la entrada ofrece las siguientes opciones en su barra de herramientas:

Ajustes del bloque

Tipografía

La familia de fuente que se aplicará al título de la entrada, así como el tamaño de la fuente y el alto de la línea.

Color

El color del texto y del fondo del título de la entrada. Si en la siguiente sección está marcada la opción «Crear un enlace con título», el color del enlace también se podrá definir en la sección Color.

Ajustes de enlace

Marca la opción «Crear un enlace con título» si quieres que el título enlace al contenido.


Bloque de la fecha de la entrada

El bloque de la fecha de la entrada mostrará la fecha de publicación del contenido.

Cuando haces clic en el bloque, aparece una barra de herramientas de opciones:

la barra de herramientas del bloque de la fecha de la entrada que aparece encima del bloque de la fecha de la entrada.
Barra de herramientas del bloque de la fecha de la entrada

El bloque de la fecha de la entrada ofrece las siguientes opciones en su barra de herramientas:

Ajustes del bloque

Tipografía

La familia de fuente que se aplicará a la fecha de la entrada, así como el tamaño de la fuente y el alto de la línea.

Color

El color del texto y del fondo de la fecha de la entrada.

Ajustes de formato

Da formato a la fecha. Si lo prefieres, muestra la hora en la que se ha publicado la entrada.


Bloque del contenido de la entrada

El bloque del contenido de la entrada mostrará todo el contenido de las páginas o de las entradas publicadas. También puedes revisar el bloque del extracto de la entrada si solo quieres mostrar una sección de tu contenido con una opción de «Leer más».

Cuando haces clic en el bloque, aparece una barra de herramientas de opciones:

la barra de herramientas del bloque del contenido de la entrada que aparece encima del bloque del contenido de la entrada.
Barra de herramientas del bloque del contenido de la entrada

El bloque del contenido de la entrada ofrece las siguientes opciones en su barra de herramientas:

Ajustes del bloque

Diseño

Desmarca «Heredar diseño por defecto» para definir la altura y la anchura (en píxeles) del bloque del contenido de la entrada.


Bloque del extracto de la entrada

El bloque del extracto de la entrada mostrará un extracto del contenido publicado. Puedes controlar qué se muestra en el extracto si añades un bloque más en el contenido publicado. De esta forma, el bloque del extracto de la entrada solo mostrará el texto que aparezca debajo del bloque más en el contenido publicado.

Cuando haces clic en el bloque, aparece una barra de herramientas de opciones:

la barra de herramientas del bloque del extracto de la entrada que aparece encima del bloque del extracto de la entrada.
Barra de herramientas del bloque del extracto de la entrada

El bloque del extracto de la entrada ofrece las siguientes opciones en su barra de herramientas:

Ajustes del bloque

Tipografía

La familia de fuente que se aplicará al extracto de la entrada, así como el tamaño de la fuente y el alto de la línea.

Color

El color del texto, del fondo y del enlace del bloque del extracto de la entrada.

Ajustes del bloque del extracto de la entrada

Mostrar el enlace «Leer más» en una línea nueva. Desmarca esta opción para que el texto de «leer más» aparezca directamente al final del extracto.

💡

Asegúrate de modificar la opción por defecto «Añadir texto del enlace ‘leer más'» si quieres que en la parte inferior del extracto aparezca la opción «Leer más».


Bloque de la imagen destacada de la entrada

El bloque de la imagen destacada de la entrada mostrará la imagen destacada que hayas definido para tu contenido. Haz clic aquí para obtener más información sobre cómo definir una imagen destacada.

Cuando haces clic en el bloque, aparece una barra de herramientas de opciones:

La barra de herramientas del bloque de la imagen destacada de la entrada.
Barra de herramientas del bloque de la imagen destacada de la entrada

El bloque de la imagen destacada ofrece las siguientes opciones en su barra de herramientas:

Ajustes del bloque

Ajustes de enlace

Ocultar la opción para enlazar la imagen al contenido publicado. Está desactivada por defecto.


Bloque de las categorías de entrada

El bloque de las categorías de entrada mostrará las categorías que hayas asignado a tu contenido publicado. Haz clic aquí para obtener más información sobre las categorías.

Cuando haces clic en el bloque, aparece una barra de herramientas de opciones:

La barra de herramientas del bloque de las categorías de entrada que aparece encima del bloque.
Barra de herramientas del bloque de las categorías de entrada

El bloque de las categorías de entrada ofrece las siguientes opciones en su barra de herramientas:

Ajustes del bloque

Tipografía

La familia de fuente que se aplicará al extracto de la entrada, así como el tamaño de la fuente y el alto de la línea.

Color

El color del texto, del fondo y del enlace de las categorías.


Bloque de las etiquetas de la entrada

El bloque de las etiquetas de la entrada mostrará las etiquetas que hayas añadido a tu contenido. Haz clic aquí para obtener más información sobre las etiquetas.

Cuando haces clic en el bloque, aparece una barra de herramientas de opciones:

La barra de herramientas del bloque de las etiquetas de la entrada que aparece encima del bloque.
Barra de herramientas del bloque de las etiquetas de la entrada

El bloque de las etiquetas de la entrada ofrece las siguientes opciones en su barra de herramientas:

Ajustes del bloque

Tipografía

La familia de fuente que se aplicará a las etiquetas, así como el tamaño de la fuente y el alto de la línea.

Color

El color del texto, del fondo y del enlace de las etiquetas.


Entrada anterior y siguiente entrada

Utiliza los bloques de entrada anterior y siguiente entrada para mostrar los enlaces a las entradas anteriores y posteriores.

Cuando haces clic en los bloques, aparece una barra de herramientas de opciones:

La barra de herramientas de la entrada anterior y la siguiente entrada que aparece encima de los bloques de entrada anterior y siguiente entrada.

Estos bloques ofrecen las siguientes opciones en su barra de herramientas:


Avanzado

La pestaña Avanzado te permite añadir una clase CSS a tu bloque, para que puedas escribir código CSS personalizado y darle el estilo que quieras.

La pestaña Avanzado te permite añadir una clase CSS al bloque
Copied to clipboard!