¿Cómo añadir un icono en un enlace de navegación?

Soporte
1

Me gustaría añadir un icono de Font Awesome antes de “Chat” aquí:

image

¿Cómo puedo lograr esto?

Nota: Uso Custom Top Navigation Links para este botón.

2

Hola,

¿Quizás algo como esto para el encabezado de escritorio?
Puedes cambiar la navegación de destino cambiando la línea document.querySelector('#navigation-bar li a[href=\"/chat\"]'); para que apunte a la ruta a[href=\"...\"] correcta.

Y también puedes cambiar el icono 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 Me gusta
3

¡Bueno!

(Al menos 20 caracteres)

2 Me gusta
4

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