 |
Zusammenfassung | Benutzerdefinierte Header-Links (Icons) ermöglichen es Ihnen, einfach verknüpfte Icons zum Discourse-Header hinzuzufügen. |
 |
Vorschau | Vorschau im Discourse Theme Creator |
 |
Repository-Link | https://github.com/discourse/discourse-icon-header-links |
 |
Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Dieses Theme-Komponente installieren
Funktionen
Screenshots
Desktop
Mobil
Einstellungen
Diese Komponente enthält eine Theme-Einstellung, mit der Sie beliebig viele Links hinzufügen, deren Icons festlegen und entscheiden können, auf welchen Geräten sie angezeigt werden!
| Name | Beschreibung |
|---|---|
| header links | Liste von Links mit folgenden Eigenschaften: Titel, Icon, URL, Ansicht und Ziel |
| add whitespace | Wenn aktiviert, wird etwas Abstand zwischen den Standard-Discourse-Header-Icons und den über diese Komponente hinzugefügten benutzerdefinierten Icons eingefügt |
| Svg icons | Schließen Sie FontAwesome 6-Icon-Klassen für jedes in der Liste verwendete Icon ein. |
Hinweise:
- URL kann absolut (https://www.example.com) oder relativ (/c/staff) sein.
- Icons können beliebige FontAwesome 6 (kostenlose) Icon-Namen ohne die Teile
fa-,fab-,fas-oderfar-sein oder eine URL zu einem Bild.
Wenn das gewünschte Icon nicht angezeigt wird, fügen Sie es in der Einstellung svg_icons der Komponente hinzu. Bei neuen Icons müssen diese mit den FontAwesome 6-Präfixen wie fab, far und fas versehen werden.
Credits
Dies basiert auf @techAPJs großartigem Tutorial hier: (Superseded) Add new link on header beside search icon, sowie auf @vinothkannans Brand Header Theme, das eine hervorragende Referenz für die Struktur dieser Komponente war.
Von uns gehostet? Theme-Komponenten sind in unseren Standard-, Business- und Enterprise-Plänen verfügbar.