Guías/Editar tu web/Plantillas/Cambiar la apariencia del bloque Bucle de consulta

Cambiar la apariencia del bloque Bucle de consulta

El bloque Bucle de consulta se utiliza para mostrar entradas de blog (u otros tipos de contenido como páginas, recomendaciones o proyectos) en tu sitio web en diferentes diseños visuales. Con esta guía aprenderás a ajustar cómo se presenta tu contenido en el bloque Bucle de consulta.

Elige el diseño del bloque Bucle de consulta

Puedes elegir entre diferentes diseños para presentar tus entradas (u otros tipos de contenido) dentro del bloque Bucle de consulta si sigues estos pasos:

  1. En el escritorio de tu sitio, ve a Apariencia → Editor.
  2. Elige la plantilla que quieras editar o haz clic en la vista previa del sitio para editar la página de inicio.
  3. Elige el bloque Bucle de consulta con la vista de lista.
  4. En la barra de herramientas que aparece encima o del bloque haz clic en el botón «Cambiar diseño».
  5. Echa un vistazo a la colección de diseños prediseñados y haz clic en el que más te guste para aplicarlo.
  6. A continuación, puedes personalizar aún más el diseño si sigues los pasos que se indican en las siguientes secciones de esta guía.

Personaliza la plantilla de entrada

En el bloque Bucle de consulta se encuentra la plantilla de entrada, que contiene los elementos individuales de cada entrada, como el título, la fecha, la imagen destacada, el contenido o el extracto, y más.

Personaliza los elementos de la entrada

En la plantilla de entrada, puedes mostrar los siguientes elementos con tus entradas:

  • Título: muestra el título de todos los contenidos que hayas publicado.
  • Fecha: muestra la fecha de publicación del contenido.
  • Fecha de modificación: muestra la fecha en la que se editó por última vez una entrada. 
  • Contenido: muestra todo el contenido de las páginas publicadas.
  • Extracto: muestra un breve extracto de todos los contenidos publicados y personaliza el texto del enlace «Leer más».
  • Imagen destacada: muestra la imagen destacada que hayas configurado para el contenido.
  • Categorías: muestra las categorías que hayas asignado a tu contenido publicado.
  • Etiquetas: muestra las etiquetas que hayas añadido a tu contenido.
  • Paginación: muestra los enlaces a las entradas anteriores y siguientes.
  • Autor: muestra los detalles del autor de la entrada, como el nombre, el avatar y la biografía.
  • Número total de la consulta: muestra el número total de los resultados de una consulta.
  • Sin resultados: añade texto o bloques que se mostrarán si la consulta no devuelve resultados.

Las plantillas de tu tema pueden incluir algunos o todos estos bloques. Si utilizas la vista de lista, puedes ver la estructura actual de los bloques y añadir, movery eliminar los elementos individuales según sea necesario:

Vista de lista expandida para mostrar los diferentes bloques del bucle de consulta.
Vista de lista que muestra los elementos que se han utilizado en la plantilla de entrada

Muchos de los elementos anteriores contienen ajustes únicos en la barra lateral de ajustes del bloque. Por ejemplo, puedes elegir el bloque Fecha para acceder a los ajustes que permiten gestionar el formato en el que se muestra la fecha y para añadir un enlace en la fecha que redirija a la entrada. Los bloques también incluyen ajustes de bloque estándar de Color, Tipografía, Dimensionesy ajustes Avanzados del bloque en muchos casos.

Elige un diseño de lista o de cuadrícula

En la plantilla de entrada, puedes ajustar tu contenido para que se muestre en un formato de lista o de cuadrícula:

  1. Elige la plantilla de entrada en la vista de lista, que está anidada dentro del bloque Bucle de consulta.
  2. En la barra de herramientas que aparece encima o debajo del bloque, elige entre los iconos de lista y de cuadrícula.
  3. Haz clic en el botón «Guardar».
En la vista de lista, aparece seleccionada la plantilla de entrada. Una flecha apunta hacia los iconos de lista y cuadrícula en la barra de herramientas.

Añadir paginación al bucle de consulta

Para añadir paginación a las entradas que se muestran con un bloque Bucle de consulta, sigue estos pasos:

  1. En la vista de lista, expande el bloque Bucle de consulta y elige Plantilla de entrada:
La plantilla de entrada aparece seleccionada debajo del bucle de consulta.
Bloque Plantilla de entrada a través de la vista de lista
  1. Haz clic en los puntos suspensivos (tres puntos) junto a Plantilla de entrada y elige «Añadir después».
  2. Haz clic en el + insertador de bloques y busca «Paginación». Haz clic para añadirlo a la plantilla de entrada para que el bloque Paginación aparezca después de la plantilla de entrada:
La paginación aparece seleccionada debajo del bucle de consulta.
  1. Modifica los ajustes de la barra lateral según tus preferencias. Puedes ajustar la orientación, el colory decidir si mostrar una flecha o un símbolo en forma de > con el enlace de paginación.
  2. Haz clic en el botón «Guardar» para aplicar los cambios que hayas hecho.

Ajustar el ancho del bucle de consulta

Puedes personalizar el ancho de los elementos del bloque Bucle de consulta:

  1. En el escritorio de tu sitio, ve a Apariencia → Editor.
  2. Elige la plantilla que quieras editar o haz clic en la vista previa del sitio para editar la página de inicio.
  3. Abre la vista de lista y selecciona el bloque Bucle de consulta.
  4. Consulta los ajustes del bloque en la barra lateral de la derecha. Si no ves la barra lateral, es posible que tengas que hacer clic en el icono Ajustes de la esquina superior derecha para que aparezcan los ajustes. Este icono parece un cuadrado con dos columnas desiguales:
El icono Ajustes situado en el Editor con la información sobre la herramienta «Ajustes» debajo.
Haz clic en el icono Ajustes para abrir los ajustes del bloque
  1. Activa el ajuste denominado «Bloques internos usan el ancho del contenido».
  2. En el cuadro «Ancho del contenido», configura un valor personalizado para el ancho normal del contenido en píxeles (o selecciona otras unidades como porcentaje o em).
  3. Configura un valor personalizado para el ancho amplio del contenido, que se aplica a los bloques establecidos como «Ancho» en sus ajustes.
  4. En «Justificación», configura el contenido dentro del bucle de consulta a la izquierda, al centro o a la derecha de la página.
  5. Haz clic en el botón «Guardar» para guardar tus cambios.
El ajuste Diseño del bloque Bucle de consulta muestra la opción «Los bloques interiores usan el ancho del contenido» activada.
Copied to clipboard!