Correcto
Entrada de blog
Presente un artículo en una tarjeta de entrada flexible con estilo personalizado y control de visibilidad.
Use este bloque para destacar un solo artículo como una tarjeta con su imagen, título, extracto y enlace para leer más. Es una opción práctica cuando quiere resaltar una publicación en una cuadrícula, barra lateral, página de destino o diseño editorial.
Ajustes básicos
Sección titulada «Ajustes básicos»Seleccione el artículo que desea que muestre el bloque. El bloque usa el contenido existente del artículo, por lo que los mejores resultados suelen venir de publicaciones con una imagen destacada potente y un extracto limpio.
Ajustes estándar del bloque
Sección titulada «Ajustes estándar del bloque»Ajustes de tarjeta
Sección titulada «Ajustes de tarjeta»Estos ajustes controlan el aspecto de la tarjeta del artículo y le permiten sobrescribir los valores predeterminados compartidos de la tarjeta para este bloque. Puede cambiar el estilo de la tarjeta, la relación de aspecto de la imagen, el estilo del botón, el texto visible, la alineación del texto y los detalles de la leyenda para adaptarlos al espacio donde aparece el artículo.
Use estilos de tarjeta más sencillos cuando el bloque esté en un diseño denso, y use Banner cuando el artículo deba destacar más. Las tarjetas con solo título funcionan bien en espacios reducidos, mientras que el título y el extracto dan a los lectores más contexto antes de hacer clic. El comportamiento compartido de la tarjeta también se trata en Ajustes de tarjeta.
Conviene comprobar por separado la relación de imagen en móvil si el recorte en escritorio se ve bien pero resulta incómodo en pantallas más pequeñas. Esto es especialmente importante para imágenes destacadas con rostros, texto o detalles importantes en los bordes.
La alineación vertical del texto en el centro solo se aplica cuando el estilo de la tarjeta está configurado en Banner.
Los ajustes de leyenda le ayudan a decidir cuánto metadato del artículo mostrar. El autor y la fecha pueden añadir contexto al contenido editorial, pero conviene ocultarlos cuando la tarjeta debe mantenerse visualmente compacta.
Ajustes de color
Sección titulada «Ajustes de color»Estos ajustes sobrescriben los colores compartidos de la tarjeta solo para este bloque. Úselos cuando un artículo destacado necesite más contraste, un nivel de énfasis distinto o una presentación más adaptada que sus tarjetas estándar.
Los colores de superposición del banner solo se aplican cuando el estilo de la tarjeta está configurado en Banner. Una superposición sólida o un degradado puede mejorar la legibilidad del texto sobre imágenes recargadas, y el ajuste de opacidad ayuda a equilibrar legibilidad y visibilidad de la imagen. El comportamiento compartido del color también se trata en Ajustes de tarjeta.
Ajustes de visibilidad
Sección titulada «Ajustes de visibilidad»Use los controles de visibilidad para mostrar este bloque en todos los dispositivos u ocultarlo en escritorio o en móvil. Esto es útil cuando quiere distintas ubicaciones del artículo, recortes o contenido de apoyo para pantallas pequeñas. Más información en Ajustes de visibilidad. Para orientación relacionada con el editor de temas, consulte documentación de Shopify sobre la personalización de secciones
Ajustes del editor
Sección titulada «Ajustes del editor»Los ajustes del editor le ayudan a mantener organizados los diseños complejos. Asigne al bloque un título claro en el editor para poder identificar rápidamente qué tarjeta de artículo está actualizando.
Consejos de uso
Sección titulada «Consejos de uso»- Elija un artículo sólido. Seleccione una publicación con una imagen destacada clara y un extracto útil para que la tarjeta se sienta completa con un ajuste mínimo.
- Adapte el estilo a la ubicación. Use una presentación de estilo banner para momentos editoriales destacados y estilos de tarjeta más sencillos para contenido de apoyo.
- Revise los recortes en móvil. Compruebe la relación de imagen en móvil después de la configuración para evitar recortes incómodos en pantallas pequeñas.
- Proteja la legibilidad. Si el texto se sitúa sobre una imagen, ajuste los colores de superposición y de texto hasta que el título y el extracto se lean con facilidad.
- Use la visibilidad con intención. Oculte el bloque en un solo dispositivo solo cuando un diseño alternativo haga más clara la experiencia de lectura.
- Previsualice ambos estados. El editor de temas puede mostrar el bloque antes de que el contenido real esté disponible, así que revise la tarjeta del artículo en la vista previa y en la tienda online para confirmar el aspecto final.
- Compruebe ambos viewports. Los controles de escritorio y móvil pueden producir diferente alineación, visibilidad y comportamiento del contenido multimedia, así que confirme el bloque en ambos tamaños de pantalla antes de publicar.
- Conserve los valores predeterminados cuando quiera una estilización de reserva. Deje sin definir las sobrescrituras de color y contenido multimedia cuando quiera que el bloque herede el tratamiento de tarjeta circundante; use sobrescrituras explícitas solo cuando el artículo necesite un aspecto más independiente.