| Zusammenfassung | Füge dem Beitrag des Themaerstellers eine Auszeichnung hinzu. | |
| Repository | https://github.com/VaperinaDEV/author-badge-for-topic-posts | |
| Installationsanleitung | Wie installiere ich ein Theme oder eine Theme-Komponente | |
| Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Installiere diese Theme-Komponente
Hallo ![]()
Mit dieser Theme-Komponente kannst du dem Beitrag des Themaerstellers eine Auszeichnungsbeschriftung hinzufügen. Das ist bei größeren Themen sehr nützlich, da du klar erkennen kannst, wer der ursprüngliche Ersteller ist.
Filter
Die Struktur der Komponente ermöglicht es, mobile und Desktop-Ansichten getrennt anzusprechen. Außerdem ist es möglich, jede Kategorie separat anzusprechen und dadurch anzupassen, welche Autoren-Auszeichnungen in welchen Kategorien und Ansichten erscheinen.
Dies ist mit einer Theme-Einstellung möglich:
Du musst 3 Parameter hinzufügen, damit die Komponente funktioniert.
-
view-type
- desktop
- mobile
-
category-name
- dies ist die Kategorie, die du ansprechen möchtest, z.B. “support”
-
author-label
- die Beschriftung der Auszeichnung, z.B. “Author”
Beispiel:
Da auf Mobilgeräten an diesen Stellen normalerweise weniger Platz ist, ist es manchmal gut, auf Mobilgeräten eine kürzere Version hinzuzufügen.
Jetzt habe ich eine Autoren-Auszeichnung für die Discourse-Kategorie eingerichtet, die auf dem Desktop den Text “Author” und auf Mobilgeräten den Text “OP” anzeigt.
Ok, aber was, wenn ich in den anderen Kategorien unterschiedliche Texte verwenden möchte? Müssen diese separat für jede eingestellt werden? Natürlich nicht.
Wenn du view-type oder category-name oder beides leer lässt… wird dies global angewendet, ohne die vorhandenen zu überschreiben.
Beispiel:
Ich habe 2 weitere Auszeichnungen hinzugefügt, die den Text “Original Poster” für die anderen Kategorien auf dem Desktop und den Text “Director” für die Videokategorie sowohl auf dem Desktop als auch auf dem Mobilgerät verwenden.
Dazu musst du diese Abschnitte einfach leer lassen, indem du
ein Semikolon ohne Leerzeichen eingibst
Ein weiteres Beispiel, wenn du nur z.B. “Author” für alle Kategorien und alle Ansichtstypen verwenden möchtest. Verwende Folgendes:
Zwei Semikolons (ohne Leerzeichen) und Author
;;Author
Positionen
Schauen wir uns an, wo du Auszeichnungen hinzufügen kannst… Du kannst aus 3-3 Positionen in den Theme-Einstellungen separat für Desktop- und Mobilansicht wählen.
Diese beiden Einstellungen ![]()
Desktop
author badge location desktop
- below-user-avatar
- after-user-names
- below-user-names
below-user-avatar (begrenzter Platz: nutzt die Breite des Themen-Avatars) (sticky) besser eine kürzere Beschriftung wählen
after-user-names
below-user-names
Mobile
author badge location mobile
- below-user-avatar
- after-user-names
- above-user
below-user-avatar (begrenzter Platz: nutzt die Breite des Themen-Avatars) besser eine kürzere Beschriftung wählen
after-user-names (begrenzter Platz) besser eine kürzere Beschriftung wählen
above-user
Anpassung
Schauen wir uns schließlich einige Anpassungsoptionen an.
Hier kannst du die Autoren-Auszeichnung wie Farben, Schriftarten, Ecken usw. anpassen.
Zum Beispiel:
Diese verwendet die folgenden Werte.
Diese Farbvariablen verwenden möglicherweise nicht die gleichen Farben auf deiner Website, es hängt vom Farbschema ab.
Es liegt an dir, welche Art von cooler Autoren-Auszeichnung du erstellst. ![]()















