Pie de artículo - Artículo

Enlaces destacados

1. Documentación de Shopify sobre secciones y bloques
2. Documentación de Company XYZ sobre los ajustes de espaciado de sección
3. Documentación de Company XYZ sobre los ajustes de fondos de sección
4. Documentación de Company XYZ sobre los ajustes de separadores
5. Documentación de Company XYZ sobre los ajustes de visibilidad
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

Use esta sección para añadir una zona de cierre simple debajo de una entrada del blog con los detalles que los lectores suelen buscar al terminar el artículo. Para una visión general más amplia de cómo funcionan las secciones del tema, consulte documentación de Shopify sobre secciones y bloques. Se usa mejor para reforzar el contexto y acciones de utilidad ligeras sin desviar la atención del contenido en sí.

Ajustes principales

Los ajustes principales controlan qué detalles y acciones de la publicación aparecen en el pie. Normalmente funciona mejor una configuración más ligera, así que incluya solo la información que ayude a los lectores a entender el artículo o a seguir interactuando con él.

Mostrar el autor puede añadir credibilidad y un toque más editorial, especialmente en blogs con varios autores. Mostrar la fecha es más útil para contenido oportuno, mientras que las etiquetas funcionan mejor cuando su blog utiliza una estructura de etiquetas clara y coherente.

Compartir e imprimir son acciones de utilidad opcionales. Actívelas cuando encajen con la forma en que su audiencia usa su contenido, y desactívelas cuando quiera un pie más limpio y con menos acciones.

Consejo

Si la mayor parte de su contenido es evergreen, considere si mostrar la fecha de publicación ayuda a los lectores o hace que las entradas antiguas parezcan innecesariamente desactualizadas.

Ajustes de color

Estos ajustes le permiten sobrescribir los colores predeterminados del texto y los iconos solo para este pie. Son más útiles cuando el pie se sitúa sobre un fondo personalizado o cuando quiere que los metadatos parezcan más discretos que el texto principal del artículo.

Procure un contraste claro entre el texto, los iconos y cualquier tratamiento de fondo. Los cambios sutiles de color suelen verse más pulidos aquí que los colores de acento intensos.

Si personaliza tanto el fondo del pie como los colores del texto o de los iconos, compruebe la legibilidad en escritorio y móvil antes de publicar.

Ajustes estándar de sección

Ajustes de espaciado

Ajustes de espaciado controlan el espacio por encima y por debajo del contenido del pie. Úselos para mantener el pie visualmente conectado al artículo, o aumente el espaciado si quiere que parezca una zona de cierre más diferenciada.

Un espaciado más ajustado encaja con diseños de artículo minimalistas. Un espaciado más generoso funciona mejor cuando añade separadores o un tratamiento de fondo.

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 pie. Esto puede ayudar a separar los metadatos de la publicación del cuerpo del artículo o a crear una separación visual más marcada al final del artículo.

Si usa medios de fondo, los ajustes de superposición ayudan a preservar la legibilidad del texto. Los ajustes de degradado reemplazan las opciones de color plano, así que use una sola capa intencionada en lugar de superponer varios efectos que compitan entre sí.

Precaución

Las imágenes o el video con mucho contraste pueden sobrecargar un área pequeña de metadatos. En la mayoría de los casos, los fondos sutiles son más fáciles de leer y más fáciles de integrar con el contenido del artículo.

Ajustes de separador

Ajustes de separador añaden una línea en la parte superior o inferior del pie. Esta es una forma sencilla de definir la sección sin añadir un estilo pesado.

Un separador superior suele ser suficiente para marcar la transición del contenido del artículo al pie. Si el color del separador se deja transparente, la sección usa en su lugar el color del borde del tema.

Ajustes de visibilidad

Ajustes de visibilidad controlan si el pie aparece en escritorio, móvil o en ambos. Esto resulta útil cuando quiere un diseño de artículo móvil más compacto o un flujo de lectura diferente entre dispositivos.

Antes de ocultar la sección en cualquier dispositivo, asegúrese de que los lectores no pierdan contexto útil, como etiquetas o acciones para compartir, en los lugares donde es más probable que las usen.

Ajustes de ancho

Ajustes de ancho controlan el ancho máximo del contenido del pie y el ancho del contenedor de la sección. Úselos para mantener el pie alineado con la columna del artículo o para permitir que el estilo de fondo se extienda más que el propio contenido.

El ancho del contenido es el principal control de legibilidad, mientras que el ancho de la sección cobra más importancia cuando usa un fondo. Los cambios de ancho pueden verse diferentes en el editor que en la página publicada, así que previsualice el diseño final antes de guardarlo.

Notas de uso

1. Mantenga el pie centrado en lo esencial. Muestre solo los metadatos y acciones que aporten valor real cuando termina el artículo.
2. Use las etiquetas con intención. Active las etiquetas cuando ayuden a los lectores a descubrir contenido relacionado, no solo porque existan en la entrada.
3. Prefiera un estilo sutil. Los separadores ligeros, los colores discretos y un espaciado moderado suelen encajar mejor en los pies de artículo que los tratamientos visuales intensos.
4. Proteja la legibilidad. Revise con cuidado el contraste y los ajustes de superposición cuando use fondos personalizados, especialmente en pantallas pequeñas.
5. Revise ambos viewports. Los controles de escritorio y móvil pueden producir diferentes comportamientos de alineación, visibilidad y medios, así que previsualice el pie en ambos tamaños.
6. Controle las fuentes de contenido. Si el pie depende de datos del artículo o de resultados de contenido relacionado, asegúrese de que el contenido seleccionado esté disponible y se muestre correctamente cuando los resultados sean limitados.