Estilo de Publicación de Blog

[Discourse]

	Resumen	Blog Post Styling (Estilo de Publicación de Blog) te permite designar una categoría de blog, lo que altera la apariencia de los temas dentro de la categoría para que se parezcan más a publicaciones de blog tradicionales.
	Vista previa	Vista previa en theme-creator.discourse.org
	Repositorio	github.com/discourse/discourse-blog-post-styling
	¿Nuevo en Temas de Discourse?	Guía para principiantes sobre el uso de Temas de Discourse

Instalar este componente de tema

El componente de tema Blog Post Styling transforma los temas de Discourse en un diseño de publicación de blog tradicional. Cuando se aplica a una categoría, la primera imagen en cada tema se promociona a un héroe de ancho completo sobre el título, y el contenido se estiliza con tipografía apropiada para blogs y visualización de metadatos.

Configuración

Aquí están las diversas configuraciones asociadas con este componente de tema:

• Categoría de blog: La “slug” (identificador) de la categoría que debe usar el estilo de publicación de blog. Para agregar a más de una categoría, use una lista separada por comas sin espacios (ejemplo: blog,anuncios). Para encontrar la “slug”:

  • Para categorías, tome la ruta de la URL después de /c/ — así que para /c/blog/, la “slug” es blog.
  • Para subcategorías, tome la ruta de la URL después de /c/ y reemplace cualquier / con -. Por ejemplo, una categoría en /c/blog/tutorials se convierte en blog-tutorials.

• Etiqueta de blog: Elija una o más etiquetas que, cuando se apliquen a un tema, le darán el estilo de publicación de blog.

• Tamaño de la imagen: Decida cómo la imagen destacada (héroe) llena el área del encabezado:

  • Sin imagen: Ocultar la imagen destacada.
  • Ancho completo (predeterminado): La imagen se extiende por toda el área de contenido.
  • Centrada: La imagen mantiene la relación de aspecto y se centra en el área de contenido.

• Posición de la imagen: Decida dónde mostrar la imagen en relación con el título:

  • Encima del título (predeterminado): Mostrar la imagen encima del título del tema.
  • Debajo del título: Mostrar la imagen debajo del título del tema. Cuando se selecciona, también puede incluir un resumen que se muestra entre el título y la imagen. A continuación, puede ver cómo se ve la imagen cuando la configuración de posición de la imagen está configurada en encima del título y debajo del título:

• Letra capital (Dropcap) habilitada: Cuando está habilitada, la primera letra de la publicación del blog tendrá un estilo ampliado, como este:
  
  
• Móvil habilitado: Cuando está habilitado, el estilo de publicación de blog se aplica al leer el tema en dispositivos móviles.

Escribir una publicación de blog

Una vez que haya configurado su categoría de blog (o aplicado su etiqueta de publicación de blog), hay algunas cosas especiales a tener en cuenta sobre cómo funcionará el tema de la publicación de blog.

Imagen destacada

Coloque la imagen que desea como imagen principal en la primera línea de la publicación, seguida de una línea en blanco antes de que comience su contenido:

![descripción de la imagen|1100x440](upload://your-image-hash.jpg)

El contenido de su publicación comienza aquí...

El componente posiciona automáticamente esta imagen según la configuración de posición de la imagen (ver arriba). Si aparece cualquier otro contenido —incluidas las líneas en blanco— antes de la imagen, no se promocionará a la posición de héroe.

Después de publicar una publicación por primera vez, actualice la página para ver la imagen aparecer en la posición designada. (Esto solo afecta al autor de la publicación en la publicación inicial; los miembros que accedan a la publicación deberían ver la imagen en el lugar correcto de inmediato).

Consejos de tamaño de imagen

El contenedor de la imagen tiene 440px de alto y 100% de ancho. Para obtener mejores resultados cuando la configuración de tamaño de la imagen está establecida en ancho completo:

• Use o recorte imágenes a 1100x400px antes de subirlas para evitar recortes, o
• Elija imágenes con un sujeto centralizado o contenido no específico (paisajes, patrones) para que el recorte no elimine detalles importantes.

Resúmenes

Cuando la configuración de posición de la imagen se establece en debajo del título, puede agregar un resumen opcional a su publicación de blog, que aparecerá entre el título y la imagen destacada.

Para hacer esto, envuelva el contenido que desea que aparezca en su resumen de la siguiente manera:

[summary] Este es el contenido que será su resumen. [/summary]

Citas de bloque estilizadas

Al crear temas en una categoría de blog, las citas de bloque reciben un estilo especial. Puede crear citas de bloque en el compositor con el símbolo > o usando el botón de la barra de herramientas del compositor <kbd>“</kbd>.

Configuración de categoría recomendada

En la configuración de su categoría de blog, considere habilitar la configuración de categoría Navegar a la primera publicación después de leer los temas. Esto envía a los lectores recurrentes directamente al contenido de la publicación del blog en lugar de a su posición de última lectura.

Blog Post Styling + Miniaturas de la Lista de Temas

Este componente es compatible con Topic List Thumbnails (Miniaturas de la Lista de Temas), que resalta la imagen destacada de su publicación de blog en la lista de temas:

Nota: El componente Topic List Thumbnails no es compatible con el tema Horizon. La captura de pantalla anterior está utilizando el tema Foundation.