Style des articles de blog

[tshenry (Taylor)]

Ce composant de thème vous permettra de désigner une catégorie de blog et modifiera l’apparence et la convivialité de tous les sujets au sein de cette catégorie pour qu’ils ressemblent davantage à un article de blog traditionnel. Il s’agit essentiellement d’une adaptation en composant de thème du https://meta.discourse.org/t/blog-post-plugin/34739 .

Conseils d’utilisation :

• Le code de l’image de votre image mise en avant doit être la première ligne de la publication. Le composant déplacera cette image au-dessus du titre du sujet pour produire l’effet montré dans l’image d’exemple ci-dessus. Veuillez vous assurer d’inclure une ligne vide entre le code de l’image mise en avant et le contenu suivant.

• Vous pouvez utiliser les balises <big></big> autour de la première lettre d’un mot pour créer un effet initial

• Vous voudrez peut-être activer le paramètre de catégorie Naviguer vers la première publication une fois les sujets lus pour toujours mettre en surbrillance l’article de blog lors de la première entrée dans un sujet.

• L’image principale est centrée dans l’espace disponible. Vous devrez peut-être modifier votre photo pour qu’elle s’affiche comme vous le souhaitez.

  Détails supplémentaires

  La hauteur du conteneur de l’image du blog est de 440px et la largeur est de 100 % du conteneur principal. L’image est centrée dans l’espace disponible, donc si votre image a une hauteur de 500px, 30px seront recadrés en haut et 30px en bas. Le recadrage horizontal commence à 1100px (la largeur maximale du contenu principal sur un site Discourse) et augmentera à mesure que la fenêtre se rétrécit. Le scénario idéal est d’utiliser une image qui a soit un sujet centralisé, soit un sujet généralisé tel qu’un motif ou une photo de nature comme celle que je montre dans mon exemple.

• Vous pouvez appliquer le style à plusieurs catégories. Cela peut être fait en séparant les slugs de catégorie par des virgules, en veillant à omettre tout espace avant ou après les virgules. Les sous-catégories peuvent être ajoutées en suivant ces étapes :

  1. Obtenez le lien vers la sous-catégorie et isolez la partie après /c/

     https://meta.discourse.org/c/support/wordpress

  2. Remplacez le / par un - afin d’obtenir support-wordpress

  3. Ajoutez le résultat au paramètre du thème

• Lorsque vous créez pour la première fois le sujet de l’article de blog, vous devrez actualiser la page pour voir l’image principale apparaître au-dessus du contenu. Cela ne se produit qu’immédiatement après sa publication et uniquement pour l’auteur du sujet.

Les suggestions sur la manière dont le composant peut être amélioré sont les bienvenues. Je ne peux pas promettre que je pourrai ajouter la fonctionnalité ou apporter la modification, mais elle sera certainement prise en considération

Liste actuelle des choses à faire/demandes de fonctionnalités

• Assurez-vous que le composant fonctionne bien avec DiscoToC (surtout avec RTL)
• Permettre l’utilisation de balises comme moyen d’appliquer le style à une publication
• Permettre l’utilisation de vidéos en plus des images

Remerciements spéciaux à @simon et @awesomerobot pour la forte inspiration que leurs travaux antérieurs ont fournie dans la création de ceci.

	Aperçu	Aperçu sur theme-creator.discourse.org
	Dépôt	github.com/discourse/discourse-blog-post-styling
	Nouveau dans les thèmes Discourse ?	Guide du débutant pour utiliser les thèmes Discourse

Installer ce composant de thème