Wie füge ich ein Symbol in einen Navigationslink ein?

Unterstützung
1

Ich möchte ein Font Awesome-Symbol vor „Chat“ einfügen:

image

Wie kann ich das erreichen?

Hinweis: Ich verwende Custom Top Navigation Links für diese Schaltfläche.

2

Hallo,

Vielleicht so etwas für die Desktop-Header?

Sie können die gezielte Navigation ändern, indem Sie die Zeile document.querySelector('#navigation-bar li a[href=\"/chat\"]'); ändern, um auf den richtigen a[href=\"...\"]-Pfad zu verweisen.

Und Sie können auch das Symbol mit iconHTML('comment'); ändern, indem Sie comment ändern.

Screenshot 2022-04-22 at 18.43.45

<script type="text/discourse-plugin" version="0.8">
  api.onPageChange(() => {
    const { iconHTML } = require("discourse-common/lib/icon-library");
    const navItem = document.querySelector('#navigation-bar li a[href="/chat"]');

    let icon = iconHTML('comment');
       
    if (navItem) {
      navItem.insertAdjacentHTML('afterbegin', icon)
    }
  });
</script>
4 „Gefällt mir“
3

Schön!

(Mindestens 20 Zeichen)

2 „Gefällt mir“
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.