Benutzerdefinierte Header-Links (Symbole)

Meine Antwort unten bezog sich auf einen mittlerweile gelöschten Beitrag, der folgenden Inhalt hatte. Ich bin selbst immer noch an FA5-Icons interessiert…

Können wir mit diesem Plugin immer noch Icons hinzufügen?, ich frage, weil es nicht mehr funktioniert. Ich muss Facebook, Twitter & Instagram hinzufügen.

Hier gibt es keine Option für SVG-Icons: [Screenshot]

Hat es bei dir vorher funktioniert, was hat sich geändert und was hast du bereits versucht?

Hast du vielleicht die Nicht-Icon-Version dieses Plugins heruntergeladen?

Ich konnte Font Awesome 4-Icons zum Laufen bringen, aber nicht Font Awesome 5 (außer den 2–3 integrierten): siehe meinen Beitrag oben.

Ja, ich habe tatsächlich die Version ohne Icons heruntergeladen. Das ist mir nach ein wenig Recherche aufgefallen. Es funktioniert jetzt mit discourse-icon-header-links.

Das ist toll. Könntest du vielleicht die Einstellungen teilen, die du verwendet hast? Ich würde sie gerne ausprobieren, um zu sehen, was ich falsch gemacht habe. Danke.

Sicher, hier ist es: - Screenshot by Lightshot

Facebook, fab-facebook, https://www.facebook.com/, vdo, blank
Twitter, fab-twitter, https://www.twitter.com/, vdo, blank
Instagram, fab-instagram, https://www.instagram.com/, vdo, blank

Lass mich wissen, ob das hilft :slight_smile:

1 „Gefällt mir“

Vielen Dank. Das sind die drei integrierten, die bei mir ebenfalls funktioniert haben.

Könntest du bitte andere FA5-Icons ausprobieren und mir sagen, wie es läuft?

Ich habe LinkedIn ausprobiert, und es funktioniert: Screenshot by Lightshot

Wenn du ein FA5-Symbol hinzufügst, stelle sicher, dass du im Abschnitt für SVG-Symbole hier die entsprechenden FontAwesome-5-Symbolklassen für jedes in der Liste verwendete Symbol einfügst: Screenshot by Lightshot

Danke!

1 „Gefällt mir“

Ich schätze das wirklich. Funktioniert das auch mit Nicht-FAB-Icons?

Nein, ohne fab- hat es nicht funktioniert.

Ich glaube, das könnte falsch sein, entschuldige bitte, falls nicht…

Zum Beispiel: Um das Adresskarten-Icon unter Address Card Icon | Font Awesome zu verwenden, musst du far fa-address-card in far-address-card ändern (und dies in der Einstellung „SVG-Icon-Subset“ hinzufügen). Die einfache Verwendung ohne fa- funktioniert nicht.

Mir ist das erst aufgefallen, nachdem ich https://github.com/discourse/discourse/pull/6557/commits/bf3f958cdd516d09136bee33e3d51b36c05dcbfe und https://github.com/discourse/discourse/pull/6557/commits/bf3f958cdd516d09136bee33e3d51b36c05dcbfe angesehen habe.

1 „Gefällt mir“

Gibt es eine Möglichkeit, vorhandene Header-Links zu entfernen?

Ich habe es geschafft, zu installieren.
Jetzt möchte ich dieses Icon Rocket Icon | Font Awesome mit dem Link zur Fahrzeugkategorie einfügen.
Ich habe Folgendes gemacht:
Mobil-Desktop-Link, fas-rocket, c / vehiculos / 69, vdm, blank
Und darunter habe ich gesetzt:
fas-rocket

Aber das Icon ist nicht sichtbar. Wie lade ich das Icon hoch?

Versuche es einfach mit „rocket".

Diese Vermutung basiert lediglich auf der Suche nach dem Wort „rocket" unter FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub.

3 „Gefällt mir“

Danke, weißt du zufällig, ob dieses Icon verfügbar ist?

Ich glaube, ich muss es manuell hinzufügen. Das ist für mich ein wenig schwierig.
Wäre es so?

In Plugins: Füge einfach eine SVG-Sprite-Datei im Ordner plugins/dein-plugin-name/svg-icons hinzu. Starte deinen Server neu (falls du dich im Entwicklungsmodus befindest) oder erstelle die Site neu, wenn sie in einem Docker-Container läuft. Deine benutzerdefinierten Icons sollten dann automatisch verfügbar sein.

Könnte mir jemand zusammenfassen, wie man das Masken-Icon in einem Forum hinzufügt, das auf Digital Ocean läuft und bei dem der Nutzer keine Vorkenntnisse hat? Danke.

Ich habe es gerade auf meinem Forum getestet, indem ich eines meiner Icons vorübergehend geändert habe. Das Icon funktioniert, wenn du es in header links ohne Anführungszeichen als „rocket

1 „Gefällt mir“

Ja, vielen Dank, die Rakete hat einwandfrei funktioniert. Jetzt möchte ich jedoch folgendes hinzufügen:

Entschuldigung. Ich habe fälschlicherweise angenommen, dass Sie immer noch das ursprüngliche Symbol meinten. Das Theater-Symbol wird im Code nicht erwähnt und funktioniert daher nicht.

Ich habe mich im Kreis gedreht, um FA5-Symbole hinzuzufügen, aber es hat nicht geklappt. Keine der hier vorgeschlagenen Lösungen funktionierte für mich.

Alles, was ich bei svg icons eingegeben habe, hat keine Auswirkung gehabt. Auffällig ist, dass das Instagram-Symbol, das in einem relativ aktuellen Beitrag erwähnt wird, im Code erscheint und daher vermutlich funktioniert – nicht weil es zu svg icons hinzugefügt wurde.

1 „Gefällt mir“

Ich habe den folgenden Sicherheitsbericht für diese Komponente erhalten; kann ich es so konfigurieren, dass es den Code rel="noreferer, noopener" verwendet?

1 „Gefällt mir“

Nach dem Update auf die neueste Version von Discourse werden die Symbole nicht mehr angezeigt. Was könnte das Problem sein?

2 „Gefällt mir“

Wir haben dies zu unserer Instanz hinzugefügt, und es ist fantastisch. Vielen Dank für dieses Plugin!

Wäre es möglich, eine Einstellung hinzuzufügen, um etwas Weißraum zwischen den neuen Symbolen und den vorhandenen, Standard-Symbolen zu schaffen? Ich kann es vorübergehend durch Einfügen von ,,,, simulieren, aber dies verlinkt standardmäßig auf die Themeneinstellungsseite. Der Look ist jedoch genau das, was wir möchten;
Screen Shot 2021-05-20 at 13.22.40

3 „Gefällt mir“

Das ist großartig zu hören :+1:

Klar, ich habe das gerade hier hinzugefügt (standardmäßig aus)

Entferne die leere Einstellung aus deinen Einstellungen, aktualisiere die Komponente, aktiviere die neue Einstellung, und es sollte nach einem Seitenneuladen funktionieren.

5 „Gefällt mir“