Vous pouvez ajouter des bannières dans les paramètres du composant en définissant la catégorie juste en dessous de la bannière, une couleur de bannière et le texte du titre. Il existe également une option pour masquer les bordures colorées par défaut :
Ce composant ajoute uniquement des éléments de mise en page à la page de catégorie. Vous ne pouvez donc pas faire référence à ces titres ailleurs sur votre site. Autre avertissement : il n’existe pas de style de page par défaut Catégories uniquement sur mobile. Les sujets en vedette seront toujours affichés.
Cela semble correspondre au comportement attendu.. L’emplacement de la couleur accepte toute valeur utilisable comme background-color en CSS. Ainsi, lorsque vous fournissez une valeur hexadécimale, la couleur reste identique dans différents modes et thèmes.
Si vous ne souhaitez réellement aucune couleur d’arrière-plan, vous devez spécifier none ou transparent.
Si vous voulez une couleur d’arrière-plan qui change selon les modes, vous devez l’indiquer à l’aide d’une propriété CSS personnalisée : vous pouvez utiliser l’une de celles prédéfinies par Discourse, comme var(--secondary-high). Ou bien définissez les vôtres, comme expliqué dans Update themes and plugins to support automatic dark mode
Bonjour, j’adore voir ce que vous avez réussi à créer. Mais il est permis de me créditer aussi et de ne pas seulement me dépouiller et utiliser une partie de mon travail…
Content que vous aimez le composant ! Je ne suis pas sûr de comprendre pourquoi vous m’accusez de vous avoir volé en utilisant votre travail… ?
La création de ce composant a été inspirée par ce sujet :
J’avais orienté l’auteur vers votre solution, mais j’ai ensuite été intéressé par la manière de résoudre cela sans coder en dur les modèles et en déconstruisant les valeurs d’une liste de paramètres dans scss. Le code du composant concerne donc essentiellement cette solution : https://meta.discourse.org/t/how-to-add-settings-to-your-discourse-theme/82557/52?u=nolo
Mais en tout cas : si vous pensez que j’ai utilisé une partie de votre travail et que j’ai oublié de vous créditer, faites-le moi savoir et je mettrai à jour le premier message
Oui, j’aimerais bien avoir au moins une forme de reconnaissance. Mais c’est à vous de voir. Sinon, cela semble bien et je vais recommander ce composant de thème dans mon message car cela facilite les choses pour les nouveaux utilisateurs.
@ Nolo
Existe-t-il un moyen dans le TC, ou avec CSS dans le thème pour aligner le texte de l’en-tête à gauche, tout comme votre deuxième exemple).
Existe-t-il également un moyen (si vous n’utilisez pas d’image de bannière) de redimensionner l’en-tête à l’épaisseur d’une seule ligne de texte.
Et si oui, pouvez-vous redimensionner le texte pour qu’il ne soit pas aussi grand ?
Oui bien sûr, vous pouvez styliser les bannières en utilisant ces classes :
Si vous souhaitez remplacer les déclarations existantes sur la classe générale, vous devrez utiliser la propriété !important. Par exemple, pour les styles que vous avez mentionnés :
C’est parce que les styles sont en fait déclarés sur les bannières spécifiques. Je suppose que je pourrais améliorer cela dans le composant, mais pour l’instant, vous devrez remplacer avec important.
Merci beaucoup pour ce composant !! Je développe un forum politique, et pouvoir appliquer ce type de séparation est essentiel.
Bien que ce soit déjà une énorme amélioration pour mon forum, ce serait un changement radical si les en-têtes pouvaient être référencés par URL, car cela permettrait de créer des boutons en haut du forum à partir desquels l’utilisateur pourrait facilement naviguer sur la même page. Ce serait une fonctionnalité extrêmement agile si le forum (espérons-le) devenait beaucoup plus grand. Est-ce actuellement possible ?
Merci pour la suggestion @lisandro_iaffar. Bien que ce composant ne fournisse qu’une solution légère qui ne modifie pas les modèles HTML. Si vous souhaitez référencer les sections, vous devrez utiliser une approche telle que celle proposée par GitHub - discourse/discourse-minimal-category-boxes.
Je suis impatient d’essayer cela car j’ai créé un peu trop de catégories et pouvoir les organiser en groupes sera d’une grande aide.
Je le saurai quand j’essaierai, cela pourrait aussi être un moyen de laisser les anciennes catégories, moins utilisées, hors de la page d’accueil, n’est-ce pas ? Elles seraient toujours disponibles via la nouvelle barre latérale.
Oui, bien sûr En fait, je fais presque toujours des sélections de catégories sur différents éléments de page (barre latérale, en-tête, barre de navigation, page de catégorie, ..) C’est comme la structure d’un site Web. Il est important qu’elle soit bien organisée, mais elle n’a pas besoin de déterminer votre présentation d’interface utilisateur.
Bonjour @manuel Je voudrais savoir si ce merveilleux composant fonctionne toujours après les mises à jour du discours, je l’ai installé et il ne fonctionne pas pour moi, merci d’avance
Ce composant ajoute uniquement des éléments de mise en page à la page de catégorie. Vous ne pouvez donc pas faire référence à ces titres ailleurs sur votre site. Autre avertissement : il n’existe pas de style de page par défaut Catégories uniquement sur mobile. Les sujets en vedette seront toujours affichés.
Crédits : Ce composant a été inspiré par l’apparence de la communauté Cfx.re et par la solution originale de @godgutten pour obtenir cet aspect, partagée dans Comment ajouter des bannières de catégorie ?
