Entrada de blog

Enlaces destacados

1. Documentación de Company XYZ sobre los ajustes del detector de productos
2. Documentación de Shopify sobre secciones y bloques
3. Documentación de Company XYZ sobre los ajustes del espaciado de sección
4. Documentación de Company XYZ sobre los ajustes de fondos de sección
5. Documentación de Company XYZ sobre los ajustes de separadores
6. Documentación de Company XYZ sobre los ajustes de anchos de diseño

Videos útiles

Vídeo de Shopify Academy: Personalizar tu tienda

Vídeo de Shopify Academy: Personalizar tu tienda

Esta sección muestra el artículo completo y le permite ajustar cómo se lee en la página. Para el flujo de trabajo más amplio del editor de temas, consulte documentación de Shopify sobre secciones y bloques. También incluye una función opcional de rastreador de productos que detecta enlaces de productos en el artículo, muestra los productos coincidentes en una barra lateral y añade a esos enlaces un comportamiento de hover de tarjeta de producto en línea.

Ajustes principales

Use los ajustes principales para decidir si los productos enlazados deben aparecer junto al artículo. La barra lateral solo aparece cuando la detección de productos está activada y el artículo contiene enlaces de productos coincidentes.

El encabezado de la barra lateral se usa mejor como una etiqueta contextual en lugar de un título genérico. Si sus artículos siguen formatos concretos, como guías de compra, tutoriales o selecciones de regalos, adapte el encabezado para que la barra lateral se sienta conectada con el contenido.

Consejo

Si quiere que la sección de productos resulte útil en lugar de promocional, enlace productos de forma natural dentro del artículo, donde apoyen el siguiente paso del lector.

Ajustes de color

Este control de color específico de la sección le permite sobrescribir el color del texto del área del artículo. Resulta más útil cuando añade un fondo personalizado o necesita un contraste distinto al del resto de la página.

Como esta sección está diseñada para una lectura de formato largo, elija primero colores de texto que resulten cómodos. Los colores de marca sutiles pueden funcionar como acentos, pero el texto del cuerpo debe seguir siendo fácil de leer en todo el artículo.

Compruebe el contraste del texto después de cambiar los colores, especialmente si también usa imágenes de fondo, degradados u overlays.

Ajustes estándar de sección

Ajustes de espaciado

ajustes de espaciado controlan el espacio por encima y por debajo del contenido del artículo. Úselos para crear una experiencia de lectura más tranquila o para ajustar el diseño cuando el artículo se sitúa entre otras secciones destacadas.

El espaciado de escritorio y de móvil se puede ajustar por separado. Esto es útil cuando un espaciado amplio en escritorio parece demasiado alto en pantallas más pequeñas.

Ajustes de fondo de sección

ajustes de fondo de sección le permiten añadir un color, degradado, imagen o video detrás del artículo. Estas opciones pueden dar más atmósfera a las páginas editoriales, pero aun así deben favorecer una lectura cómoda.

Los controles de overlay ayudan a conservar la legibilidad cuando usa fondos de imagen o video. El contenido multimedia de fondo específico para móvil es especialmente útil cuando la imagen de escritorio se recorta mal o resulta demasiado recargada en pantallas pequeñas.

Precaución

Un contenido multimedia de fondo intenso puede hacer que los artículos resulten más difíciles de leer o visualmente más apretados. Previsualice tanto en escritorio como en móvil antes de usar tratamientos con muchas imágenes o video en páginas centradas en el contenido.

Ajustes de separador

Ajustes de separador añaden una línea en la parte superior o inferior de la sección. Úselos cuando el artículo necesite un límite más claro con respecto al contenido circundante.

Si no quiere un color de separador personalizado, dejarlo transparente permite que la sección recurra al color de borde del tema. Esto mantiene la separación sutil y coherente.

Ajustes de ancho

Ajustes de ancho controlan tanto el ancho máximo del contenido del artículo como el ancho del contenedor de la sección. En la mayoría de los artículos, el ancho del contenido es el que más influye en la legibilidad.

Los anchos de contenido más estrechos suelen ser más fáciles de leer en textos largos, mientras que los diseños más anchos pueden funcionar mejor en entradas con muchas imágenes o con estilo editorial. El ancho de la sección importa más cuando también usa un fondo y quiere que se extienda más allá del área de contenido.

Notas de uso

1. Escriba pensando en los enlaces a productos. La barra lateral y el comportamiento de producto en línea dependen de los enlaces a productos del artículo, así que añádalos donde realmente apoyen el tema.
2. Espere que el diseño cambie con los bloques. Añadir bloques puede cambiar cuánto de la sección depende del propio artículo frente al contenido del bloque, así que vuelva a comprobar el equilibrio después de construir la página.
3. Dé prioridad a anchos legibles. En entradas con mucho texto, use un ancho de contenido que mantenga cómodas las longitudes de línea en lugar de ensanchar demasiado el artículo.
4. Use el estilo para apoyar el artículo. El color de texto personalizado, los fondos y los separadores deben enmarcar el contenido sin competir con él.
5. Revise la presentación en móvil. Compruebe el espaciado, el recorte del fondo y el contraste del texto en pantallas más pequeñas para que el artículo siga siendo fácil de leer.
6. Compare la vista del editor y la vista publicada. El comportamiento de la vista previa puede diferir de la página publicada, así que confirme el diseño, la alineación y las opciones de medios en la página final antes de basarse en ellas.