Reúne conjuntos de contenido, como entradas de blog o eventos, de las páginas de colección, y muéstralos en diseños únicos en otra parte de tu sitio.
Utiliza Bloques de sumario para mostrar contenido de determinadas páginas de colección, como publicaciones de blog o productos, en una variedad de diseños.
Los bloques de sumario son ideales para:
- Destacar los elementos de la colección en tu página de inicio.
- Mostrar publicaciones de blog, productos o videos en un diseño que no esté disponible de otro modo.
- Cambiar la disposición de tu contenido sin hacer cambios drásticos en el estilo.
- Agregar enlaces al contenido relacionado al final de una publicación del blog o de una página de detalles del producto.
- Crear índices de recetas o de contenidos.
Mira el video
Qué contenido muestra
Los bloques de sumario extraen contenido de determinadas páginas de colecciones de tu sitio. Antes de agregar el bloque, agrega contenido a una página de colección admitida. Para obtener la mejor visualización, agrega imágenes destacadas a cada elemento que quieres que se muestre en el bloque. No es posible agregar contenido directamente a un bloque de sumario.
Puedes utilizar bloques de sumario para mostrar:
- Publicaciones de blog de Páginas de blog
- Eventos de Páginas de eventos
- Productos de Páginas de la tienda
- Videos de páginas de videos
Las páginas de portafolio y las secciones de la galería no son compatibles.
- Publicaciones de blog de Páginas de blog
- Eventos de Páginas de eventos
- Imágenes y vídeos de Páginas de Galería
- Imágenes y videos de Páginas del proyecto
- Productos de Páginas de la tienda
Las páginas del álbum no son compatibles.
Añadir un Bloque de sumario
Para añadir un Bloque de sumario:
- Haz clic en Editar en una página o publicación, haz clic en Agregar bloque o en un punto de inserción y, a continuación, en Resumen. Para obtener ayuda, consulta Agregar contenido con bloques.
- Abre el editor de bloques presionando el ícono del lápiz en el bloque.
- En la pestaña Contenido, elige qué contenido se muestra.
- Haz clic en la pestaña Diseño para cambiar el diseño y editar su configuración.
- Haz clic afuera del editor de bloques cuando hayas terminado.
- Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.
Si necesitas información más detallada de cada paso, sigue las secciones a continuación.
Elegir el contenido
En la pestaña Contenido del editor del bloque de sumario, haz clic en Seleccionar una página para elegir la página que desees incluir en el bloque. Cuando hagas clic en una página, verás que su contenido completa el bloque de sumario.
En páginas de eventos, puedes elegir un marco de tiempo para los eventos para mostrar eventos próximos o eventos anteriores.
Ten en cuenta lo siguiente:
- Solo puedes incluir contenido de una página por bloque de sumario. Sin embargo, puedes agregar varios bloques a una página para incluir todo el contenido que desees.
- Puedes cambiar la página de la que los Bloques de resumen obtienen el contenido en cualquier momento.
- El texto del título vincula directamente al contenido. Las imágenes también vinculan al contenido, excepto los elementos de la página de galería y página del proyecto de la versión 7.0, que se abren en un lightbox en la página bloque de sumario.
Elegir metadatos
Haz clic en Metadatos principales y Metadatos secundarios para elegir la información que se mostrará de manera más prominente con cada elemento:
- Según el elemento, puedes seleccionar Fecha de publicación, Fecha del evento, Hora del evento, Categoría, Etiquetas, Autor, Ubicación, Comentarios o Ninguno.
- La ubicación de esta información cambia según el diseño.
- Si un elemento no tiene los metadatos que seleccionas, no se mostrarán con el elemento. Por este motivo, recomendamos rellenar todos los campos de cada elemento de la colección si deseas que esta información se muestre en el bloque.
Filtrar el contenido
Haz clic en Filtrar elementos para aplicar distintos filtros al contenido extraído de la colección:
- Categoría: selecciona una categoría para mostrar solo el contenido de esa categoría.
- Etiqueta: selecciona una etiqueta para mostrar solo el contenido con esa etiqueta.
- Solo destacados: activa esta opción para mostrar solo el contenido designado como destacado, como entradas de blog o videos destacados.
Ten en cuenta lo siguiente:
- Tienes que agregar categorías y etiquetas o establecer elementos como aparecen en la propia página de colección. No es posible cambiar esta configuración en el bloque de resumen.
- Si una categoría o etiqueta solo aparece en un elemento no publicado, no aparecerá como una opción en los filtros de bloque de resumen.
- En la versión 7.1, solo puedes filtrar los bloques de sumario de páginas de tienda por una categoría a la vez.
Diseños de los Bloques de resumen
Hay cuatro Bloques de sumario, y su comportamiento es el mismo en todos los sitios. Puedes cambiar el diseño en la pestaña Diseño del bloque de sumario. Cuando selecciones un diseño, verás su vista previa en la página. Estos son algunos ejemplos de publicaciones de blog en cada diseño.
Los bloques de sumario de muro muestran elementos en una cuadrícula de estilo de mampostería. En lugar de filas pares, el diseño de muro muestra elementos en filas de desplazamiento según el tamaño del contenido, creando un aspecto de mosaico.
Los Bloques de resumen en Carrusel muestran una cantidad fija de elementos en una fila con flechas de navegación en la esquina superior derecha para desplazarse entre los contenidos.
Los bloques de sumario de lista muestran los elementos en una columna con imágenes en un lado y texto en el otro.
Los Bloques de resumen en Cuadrícula muestran los elementos en una cuadrícula pareja. Los elementos de diferentes longitudes tienen espacio entre ellos.
Editar parámetros de diseño
En la pestaña Diseño del bloque de resumen, puedes personalizar el número de elementos que se muestran, la alineación del texto y el tamaño y el espacio entre los elementos y el aspecto del bloque. A medida que ajustas las configuraciones, verás una vista previa de los cambios que introduzcas en la página.
Todos los diseños incluyen las siguientes opciones:
Opción del diseño | Usa estas opciones con los siguientes fines |
Number of Items (Número de elementos) |
Selecciona el número de elementos que deseas mostrar en el bloque. Puedes seleccionar hasta 30 elementos. |
Texto |
Elige el tamaño del texto en S, M, L, XL (no disponible en el diseño de muro). El ajuste XL también aumenta el tamaño de extractos y descripciones. Elige la alineación del texto en Izquierda, Centro o Derecha. |
Título |
Activa el botón para mostrar los títulos de los elementos en el bloque. Desactiva para ocultarlos. |
Imagen destacada
|
Activa el botón para mostrar las imágenes de los elementos en el bloque. Desactívalo para ocultarlas. Cuando muestras elementos de la página de galería o la página de proyecto, la imagen aparece en el bloque. Cuando muestras entradas de blog, eventos o productos, el bloque extraerá la primera imagen disponible de esta lista:
|
Extracto |
Activa la opción para mostrar fragmentos o descripciones del elemento en el bloque. Desactiva para ocultarlos. Cuando se muestran publicaciones de blog, el fragmento se muestra en el bloque. Cuando se muestran eventos, imágenes de la página de galería, productos o imágenes de la página del proyecto, la descripción del elemento se muestra en el bloque. |
Posición de metadatos |
Selecciona la ubicación de los metadatos del elemento, como una fecha o un autor, en Arriba del título, Debajo del título o Debajo del contenido. Selecciona el tipo de metadatos que aparece en la pestaña Contenido. |
Fondo (solo versión 7.1) |
Activa la opción para agregar un color de fondo al bloque, establecer los radios de las esquinas y cambiar el relleno del fondo. |
Trazo |
Habilita una línea continua o punteada para delinear el bloque. Para líneas continuas y punteadas, establece el Color y Grosor del trazo. |
Modo de fusión |
Usa el menú desplegable para elegir una configuración de transparencia. Estos efectos son ideales si estás superponiendo un bloque de resumen sobre una imagen u otro contenido visual. |
Desenfoque |
Activa la opción para desenfocar el Elemento o el Fondo, y usa el control deslizante para ajustar el nivel de desenfoque. |
Hay personalizaciones de Trazo, Modo de mezcla y Desenfoque disponibles para las secciones del Editor dinámico. Para las secciones que usan el editor clásico, solamente está disponible la función de Trazo.
Opciones específicas de diseño
Cada bloque de sumario tiene opciones de diseño adicionales específicas.
Estas son las opciones de diseño para bloques de sumario de muro:
Opción del diseño | Usa estas opciones con los siguientes fines |
Tamaño y espaciado |
|
Estas son las opciones de diseño para bloques de sumario de carrusel:
Opción del diseño | Usa estas opciones con los siguientes fines |
Elementos por fila |
Establece el número de elementos que se mostrarán a la vez. Puedes elegir entre 1 y 5. |
Relación de aspecto |
Selecciona la relación de aspecto de las imágenes, lo que afecta el recorte. Selecciona Automático para mostrar las imágenes sin recortarlas. |
Texto de encabezado |
Añade un título personalizado que aparecerá encima del bloque. De este modo, puedes evitar añadir un Bloque de texto separado. |
Estas son las opciones de diseño para bloques de sumario de lista:
Opción del diseño |
Usa estas opciones con los siguientes fines |
Relación de aspecto |
Selecciona la relación de aspecto de las imágenes, lo que afecta el recorte. Selecciona Automático para mostrar las imágenes sin recortarlas. |
Alineación de imagen |
Alinea las imágenes a la izquierda o a la derecha del texto. |
Estas son las opciones de diseño para bloques de sumario de cuadrícula:
Nota: lasimágenes de la página de galería y la página del proyecto en este diseño se abren en diapositivas en lightbox. LasURL clickthrough desactivan el lightbox.
Opción del diseño | Usa estas opciones con los siguientes fines |
Relación de aspecto |
Selecciona la relación de aspecto de las imágenes, lo que afecta el recorte. Selecciona Automático para mostrar las imágenes sin recortarlas. |
Tamaño y espaciado |
Nota: Los elementos de los Bloques de sumario en cuadrícula se alinean a la izquierda, y, si la columna es estrecha, pueden aparecer espacios adicionales a la derecha del bloque. |
Consejo: los estilos de leyendas del bloque de sumario varían en función del sitio web.
Opciones específicas para cada elemento
Según el tipo de elementos de una colección que muestres en tu Bloque de sumario, podrás ver otras opciones.
Tipo de colección | Opciones de diseño adicionales |
Página de blog |
Enlace Leer más. Cuando esto está habilitado, los enlaces de Leer más se muestran debajo del contenido de la publicación y arriba de los metadatos. Los enlaces de Leer más no se mostrarán si el botón Extracto está deshabilitado. |
Página de la tienda |
|
Páginas de video |
Descripción: cuando están habilitadas, las descripciones de los videos aparecen bajo los títulos de estos. |
Texto de bloque de sumario de estilo
Las opciones de estilo del bloque de sumario dependen de la versión del sitio.
Fuentes
El tamaño del título sigue las fuentes globales del sitio. Para cambiar la familia de fuentes y el tamaño del título:
- Abre estilos del sitio y haz clic en > junto a Fuentes.
- Haz clic en Asignar estilos, configura la familia de fuentes y el tamaño del texto en Párrafos.
Ten en cuenta lo siguiente:
- Cualquier cambio en los tamaños de Párrafo afectará a todos los bloques de resumen de tu sitio con la configuración de tamaño de texto correspondiente y a cualquier otro contenido que use los mismos estilos de fuente.
- Los extractos y las descripciones se muestran en un tamaño fijo.
Colores
Puedes aplicar estilos a los colores del texto en el bloque. Para cambiar los colores:
- Mientras editas una página, abre estilos del sitio y, a continuación, haz clic en > al lado de Colores.
- Posiciona el cursor sobre el tema cromático y haz clic en el ícono de lápiz.
- En Bloque de sumario, cambia los colores con estos retoques:
- Color del texto del encabezado
- Color del título
- Color del fragmento
- Color de Leer más
- Color de metadatos principales
- Color de metadatos secundario
Si tienes un color de fondo habilitado, usa los retoques que incluyen sobre el Fondo. También puedes cambiar el color de fondo aquí con el retoque de Fondo.
Cuando hayas terminado de hacer cambios de estilo, haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.
Usa el editor de estilos para configurar la fuente del título del Bloque de sumario y el color del título del Bloque de sumario en estas familias de plantillas:
- Adirondack
- Avenue
- Aviator
- Bedford
- Momentum
- Montauk
- Pacific: fuente del título y color del título
Los fragmentos y las descripciones se muestran con un tamaño fijo, pero la configuración de texto XL de la pestaña Diseño del bloque de sumario aumenta el tamaño del texto fragmento y descripción.
No es posible cambiar el tamaño del Texto del encabezado que aparece arriba del bloque en el diseño de Carrusel.
Reemplazar una página de la colección por bloques de sumario
En algunos casos, como cuando una plantilla de la versión 7.0 tiene un diseño de blog fijo, es posible que desees utilizar bloques de sumario para mostrar elementos de la colección en diferentes diseños. Los siguientes pasos muestran cómo utilizar estos bloques para reemplazar el diseño de página de la colección.
Paso 1: Mover tu colección a No enlazadas
Para ocultar la página de colección original de tus menús de navegación, arrástrala a tu sección No enlazadas. De esta manera, el Bloque de sumario puede extraer elementos de la página sin que quienes visitan el sitio vean contenido duplicado. Para ver instrucciones detalladas, visita Mover páginas por tu navegación.
Después de que la página esté en No enlazadas, continuarás añadiendo contenidos nuevos aquí, como entradas de blog o productos, los cuales aparecerán en el bloque de sumario que crearás.
Nota: No borres esta página. Si la mueves a No enlazadas, se ocultará para los visitantes, pero aún así suministrará el contenido a tu Bloque de sumario.
Paso 2: Crea una Página de Diseño
Después de ocultar la página de la colección original de la navegación, crea una página de diseño en la navegación principal como alternativa para que los visitantes puedan encontrar el contenido de la colección.
Esta es la página que mostrará los elementos de tu colección a quienes visiten el sitio. Después de que configures la página, se actualiza automáticamente cada vez que actualices la página de colección oculta.
Paso 3: Agregar un bloque de sumario
Agrega un bloque de sumario a la página de diseño que reemplazaste en la navegación. En el bloque, selecciona la página de la colección que moviste a No enlazadas en el paso 1.
Personaliza el bloque de sumario con la configuración de contenido y el diseño de bloque. Si la página de la colección tiene más de 30 elementos, puedes agregar más bloques de sumario para mostrar más de 30 elementos.
Mostrar más de 30 artículos
Los bloques de sumario no pueden mostrar más de 30 elementos. Para eso, puedes agregar varios bloques a la misma página y utilizar etiquetas para elegir qué elementos se muestran en cada uno.
En este ejemplo, usaremos una Página de blog.
Paso 1: Etiquetar lotes de publicaciones
Primero, dale a cada conjunto de 30 publicaciones de blog una etiqueta única:
- Ir a tu página de blog.
- Desplázate hacia abajo hasta tu primer conjunto de 30 publicaciones de blog.
- Asigna a cada uno la misma etiqueta fácil de recordar, como lote1.
- Desplázate hasta el siguiente lote de 30 publicaciones de blog. Asigna a cada uno de estos una etiqueta diferente, como lote2.
Sigue etiquetando lotes de 30 de esta manera hasta que hayas etiquetado todas tus publicaciones de blog. Para obtener más información sobre cómo agregar etiquetas, visita Categorías y etiquetas.
Consejo: Edita cada publicación de blog individualmente. Actualmente, no hay una forma de etiquetar varias publicaciones al mismo tiempo.
Paso 2: Agregar varios bloques de sumario
En una Página de Diseño, añade un Bloque de sumario para cada lote. Por ejemplo, si tienes 90 publicaciones de blog, estas representarían tres lotes de 30, de modo que debes agregar tres Bloques de resumen.
Paso 3: Filtrar cada bloque de sumario con una etiqueta
Para el bloque de sumario inferior:
- En la pestaña Contenido, conecta el bloque de sumario a tu página de blog.
- Haz clic en Filtrar elementos y agrega la etiqueta para tu primer lote de publicaciones. En nuestro ejemplo, agregarías la etiqueta lote1.
- En la pestaña Diseño, establece el número de elementos en 30.
Las primeras 30 publicaciones aparecerán en este bloque de sumario.
Continúa actualizando cada bloque de sumario con la etiqueta única para un lote. En nuestro ejemplo, filtrarías el bloque medio con lote2 y el bloque superior con lote3.
Paso 4: Continuar etiquetando publicaciones y agregando bloques de sumario
A medida que agregas más contenido a tu sitio web, sigues etiquetando cada publicación en lotes de 30. Cuando inicies un nuevo lote, agrega un nuevo bloque de sumario y fíltralo con la nueva etiqueta.
En nuestro ejemplo, cuando agregas tu publicación de blog 91, la etiquetarías con lote4 y, a continuación, agregarías un bloque de sumario en la parte superior de la página con un filtro para esa etiqueta.
Mostrar elementos de texto sin imágenes (versión 7.0)
Si tu sitio está en la versión 7.0 y deseas mostrar elementos de texto sin imágenes, puedes utilizar un Bloque de sumario con una Página de galería. Esta es una excelente opción para testimonios, reseñas u otros conjuntos de contenido que no necesitan imágenes complementarias.
Para hacerlo, sigue estos pasos:
- Crea una página de galería específicamente para el contenido de texto que deseas mostrar en un bloque de sumario y colócala en la sección No vinculada del panel Páginas.
- Carga una imagen para cada elemento de texto individual que desees y, a continuación, agrega el texto como descripción de la imagen.
- Agrega un bloque de sumario a la página en la que deseas mostrar el texto y conéctalo a la página de galería que creaste en el paso 1.
- En la pestaña Diseño del editor de bloques, desactiva las imágenes para que solo se muestre texto.
Alternativamente, puedes crear columnas y filas con bloques de texto y bloques de citas para un diseño similar centrado en el texto. Si tu sitio está en la versión 7.1, te recomendamos utilizar diseños automáticos para mostrar elementos de solo texto.
Bloques de resumen en dispositivos móviles
En el Editor dinámico, los bloques de sumario se muestran igual en dispositivos móviles que en equipos. En el editor clásico, pueden mostrarse de forma diferente en dispositivos móviles, según el diseño.
Los Bloques de resumen en muro se ven con un diseño apilado, pero las imágenes conservan su propia relación de aspecto.
Los Bloques de resumen en carrusel conservan su diseño en carrusel y muestran dos elementos por vez.
Los Bloques de resumen en lista se ven del mismo modo en dispositivos móviles.
Los Bloques de resumen en cuadrícula aparecen apilados.