Come aggiungere un'icona in un link di navigazione?

Supporto
1

Vorrei aggiungere un’icona Font Awesome prima di “Chat” qui:

image

Come posso ottenerlo?

Nota: utilizzo Custom Top Navigation Links per questo pulsante.

2

Ciao,

Forse qualcosa del genere per l’intestazione desktop?

Puoi cambiare la nav di destinazione modificando la riga document.querySelector('#navigation-bar li a[href=\"/chat\"]'); per puntare al corretto percorso a[href=\"...\"].

E puoi anche cambiare l’icona con iconHTML('comment'); cambiando comment.

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 Mi Piace
3

Bello!

(Almeno 20 caratteri)

2 Mi Piace
4

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