Entradas del blog

Muestre artículos del blog en una cuadrícula o presentación con opciones flexibles de filtrado y estilo.

Todas las secciones Documentación de referencia

Enlaces destacados

Videos útiles

Vídeo de Shopify Academy: Personalizar tu tienda

Use Blog posts para mostrar artículos automáticamente desde un blog seleccionado o crear una lista seleccionada manualmente con bloques de artículos. Es ideal para publicaciones recientes, recopilaciones de temas y contenido editorial que necesita más control visual. Para ver los detalles de configuración en el editor de temas, consulte documentación de Shopify sobre secciones y bloques

Contenido dinámico

Esta sección puede tomar artículos de un blog automáticamente o mostrar publicaciones seleccionadas manualmente. El contenido automático es la mejor opción cuando desea que la sección se mantenga actualizada, mientras que los bloques son mejores cuando desea una lista editorial fija.

Seleccione un blog para poblar la sección automáticamente.
Añada una etiqueta para acotar el feed a un tema o campaña específica.
Defina el número de elementos según la cantidad de contenido que desea mostrar a la vez.
Ordene por título o fecha de publicación y luego elija orden ascendente o descendente para ajustar la historia que desea que cuente la sección.

El filtrado por etiquetas solo funciona cuando se selecciona un blog. Si desea un conjunto de artículos seleccionado manualmente, use Blog post blocks en lugar de depender de la fuente dinámica.

Ajustes de diseño

Los ajustes de diseño controlan cuántas tarjetas aparecen por fila y si la sección se muestra como cuadrícula o presentación en cada tamaño de dispositivo. Esto le brinda mucha flexibilidad cuando desea una exploración amplia en escritorio y una experiencia más centrada en móvil.

Use recuentos de columnas más altos cuando las tarjetas de artículo sean compactas y estén guiadas por la imagen.
Use recuentos de columnas más bajos cuando los títulos y extractos necesiten más espacio de lectura.
Elija diseños de cuadrícula para una exploración más rápida.
Elija diseños de presentación cuando desee menos tarjetas y más grandes, con mayor énfasis.

Ajustes de presentación

Estos ajustes se aplican siempre que el diseño de presentación esté activado en escritorio, tablet o móvil. Controlan cómo se mueven las tarjetas, si las diapositivas avanzan automáticamente y cómo navegan los clientes entre las publicaciones. Para ver los detalles de configuración, consulte Configuración de control de la presentación.

Elija el estilo de animación según si desea una sensación de carrusel estándar o una transición más centrada.
Combine la velocidad de animación y el retardo de reproducción automática para que el movimiento resulte fluido y no distraiga.
Active el bucle para una navegación continua.
Active la navegación, la paginación y las vistas previas de la siguiente diapositiva solo cuando hagan que la sección sea más fácil de usar.

La animación de desvanecimiento obliga a un diseño de una sola diapositiva. También desactiva la paginación y las vistas previas de la siguiente diapositiva, por lo que funciona mejor cuando desea destacar un artículo a la vez.

Ajustes de color de tarjeta

Estos ajustes sobrescriben los colores predeterminados de las tarjetas para esta sección. Son útiles cuando las tarjetas de artículo necesitan más contraste, un aspecto más de marca o un tratamiento distinto del resto del sitio.

Use los colores de superposición del banner solo cuando el estilo de la tarjeta esté configurado como banner.
Ajuste con cuidado la opacidad de la superposición para que las imágenes destacadas sigan siendo visibles detrás del texto.
Cambie juntos los colores de fondo, borde, encabezado y texto del cuerpo para mantener las tarjetas legibles y visualmente equilibradas.

Ajustes de color

Estos ajustes controlan los colores usados en el área de introducción de la sección, incluido el icono, el texto del encabezado y el texto de apoyo. Úselos cuando la sección se sitúe sobre un fondo personalizado o necesite más contraste con el contenido cercano. Para ver los detalles de configuración, consulte color settings.

Ajuste estos colores como un conjunto para que el encabezado de la sección se perciba coherente.
Vuelva a comprobar el contraste después de añadir una imagen de fondo, un degradado o un video.
Mantenga las sobrescrituras al mínimo cuando las tarjetas de artículo deban seguir siendo el foco visual.

Tipos de bloque admitidos

Blog post

Entrada de blog

Use este bloque para destacar manualmente una tarjeta de artículo específica. Es la opción adecuada cuando desea una selección seleccionada en lugar de un feed que se actualiza automáticamente. Para ver los detalles de configuración, consulte Entrada de blog.

Use bloques manuales para historias destacadas, selecciones del personal o contenido de campaña.
Los ajustes de tarjeta a nivel de bloque pueden sobrescribir el tratamiento de la tarjeta de la sección para artículos individuales.
El título opcional del editor ayuda a mantener organizadas las listas seleccionadas mientras trabaja.

Ajustes estándar de sección

Ajustes de encabezado

Use Ajustes de encabezado para añadir un subtítulo, encabezado, texto de apoyo, icono y botón opcional encima de la lista de artículos. Esto es útil para presentar el contenido, etiquetar un tema o enlazar al blog completo. Elija un nivel de encabezado que se adapte al resto de la estructura de la página y mantenga el botón centrado en una sola acción clara.

Ajustes de tarjeta

Use Ajustes de tarjeta para controlar cómo se ven las tarjetas de artículo en toda la sección. Puede ajustar el estilo de la tarjeta, las proporciones de imagen, la densidad del texto, el contenido del subtítulo, la alineación y el tratamiento del botón sin editar cada publicación de forma individual. Estos ajustes son la forma principal de equilibrar el impacto visual y la legibilidad.

Ajustes de espaciado

Use Ajustes de espaciado para controlar el espacio encima y debajo de la sección. Añada más espacio cuando este contenido necesite aire, o redúzcalo cuando el diseño circundante ya sea amplio. Revise también el espaciado en móvil para que la sección no resulte demasiado alta.

Ajustes de fondo de sección

Use Ajustes de fondo de sección para añadir un color, degradado, imagen o video detrás de la sección. Esto puede ayudar a que la colección de artículos se perciba más editorial o visualmente distinta de las secciones cercanas. Los tratamientos de fondo pueden afectar al contraste y al espaciado percibido, así que revise tanto el área del encabezado como las tarjetas después de hacer cambios.

Ajustes de separador

Use Ajustes de separador para añadir una línea encima o debajo de la sección. Los separadores pueden ayudar a definir esta área en páginas largas con varios bloques de contenido. Si el color del separador es transparente, se usa el color del borde del tema.

Ajustes de visibilidad

Use Ajustes de visibilidad para mostrar u ocultar la sección por tipo de dispositivo. Esto es útil cuando desea una presentación de artículos más sencilla en móvil o una estrategia de diseño diferente según el tamaño de pantalla. Úselo con cuidado para que no falte contenido importante en un dispositivo.

Ajustes de ancho

Use Ajustes de ancho para controlar el ancho máximo del contenido y el ancho exterior de la sección. Los anchos más estrechos pueden mejorar la comodidad de lectura de títulos y extractos, mientras que los diseños más anchos pueden admitir más columnas o una fila de tarjetas más inmersiva. Los cambios de ancho se revisan mejor en la vista previa de la página en vivo porque las vistas previas del editor pueden resultar engañosas.

Notas de uso

Elija un método de origen. Use un blog seleccionado para contenido que se actualiza automáticamente, o use Blog post blocks cuando la selección sea más importante que la frescura.
Espere que los bloques cambien la sección. Añadir bloques de artículos puede reemplazar un feed simple o situarse junto a él, así que revise el resultado después de pasar del contenido automático a la selección manual.
Ajuste el diseño al comportamiento de lectura. Las cuadrículas suelen ser mejores para explorar varias publicaciones, mientras que las presentaciones son mejores para destacar menos artículos.
Revise ambos tamaños de dispositivo. Los controles de escritorio y móvil pueden producir distinto espaciado, alineación y comportamiento de navegación, así que confirme que la sección sigue leyéndose bien en cada viewport.
Use las sobrescrituras de forma intencional. Las sobrescrituras de tarjetas y colores a nivel de sección funcionan mejor cuando respaldan un estilo editorial claro en lugar de mezclar varios tratamientos en competencia.
Revise con cuidado el tratamiento de los medios. Si usa diferentes medios u opciones de fondo, asegúrese de que el recorte y la legibilidad sigan favoreciendo las tarjetas de artículo.

Align v2.0