Für LinkedIn kannst du in dieser Einstellung fab-linkedin als Icon-Name verwenden
Da dieses Icon jedoch nicht im Standard-Icon-Set enthalten ist, das Discourse verwendet, musst du es auch in der anderen Einstellung der Komponente hinzufügen.
Das Ergebnis sieht bei mir so aus
Klar, in diesem Thema gibt es einen Abschnitt zum Hinzufügen benutzerdefinierter Icons.
Sobald du das eingerichtet hast, kannst du alle benutzerdefinierten Icons verwenden, die du zu diesem Theme-Component hinzufügst. Schaue dort bitte nach und lass mich wissen, falls du auf Probleme stößt.
Ich habe diese Änderung vorgenommen, zusammen mit einigen weiteren Verbesserungen der Implementierung hier
Das neue Update fügt jedem Link basierend auf dem verwendeten Titel eindeutige, mit einem Präfix versehene Klassen hinzu. Wenn du also
facebook, fab-facebook, https://facebook.com, vdm, blank
verwendest, erhält der Link die Klasse
header-icon-facebook
Die Vorlage lautet header-icon-ICON-TITEL
Diese kannst du dann per CSS wie folgt ansprechen
.d-header-icons {
.header-icon-facebook svg {
fill: #4267b2;
}
.header-icon-twitter svg {
fill: #1da1f2;
}
// füge hier weitere Icons hinzu
}
was zu einem Ergebnis wie diesem führt
