Dove posso trovare un elenco delle icone utilizzate da Discourse?

Supporto
1

In the sample “new like icon” repo, we see:

<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('d-liked', 'thumbs-up');
      api.replaceIcon('d-unliked', 'thumbs-o-up');
      api.replaceIcon('notification.liked', 'thumbs-o-up');
      api.replaceIcon('notification.liked_2', 'thumbs-o-up');
      api.replaceIcon('notification.liked_many', 'thumbs-o-up');
      api.replaceIcon('heart', 'thumbs-up');
</script>

I don’t know that I’d have guessed to replace notification.liked_many_2

Where could we see a list of all the icons in use by discourse?

2

Questo dovrebbe essere ciò che stai cercando:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse-common/addon/lib/icon-library.js

3

I was trying to replace an icon over in this topic: How to replace an icon using CSS

The icon in question was .d-icon-lock, but I don’t see it in the list above. Where would I find the icon, so I know what to target in the api.replaceIcon above?

4

In this case you would just use the FA icon name:

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('lock', 'times-circle');
</script>
5

I see. I guess I was asking for a list of all icons… perhaps searching the source for {d-icon ' is what I’m looking for.

6

Ho la stessa domanda e il link sopra non funziona. Ho cercato e sfogliato molto di questo argomento: Introducing Font Awesome 5 and SVG icons
Ma anch’io non vedo un elenco per sapere se un’icona fa parte del set principale o meno. Non riesco a trovare altri risultati di ricerca correlati sul forum.

7

Discourse utilizza le icone gratuite di Font Awesome. Tutte le icone disponibili che possono essere utilizzate si trovano qui. Potrebbe essere necessario aggiungere alcune icone al sottoinsieme di icone SVG nelle impostazioni del sito. Puoi vedere quali icone sono presenti sul tuo sito aggiungendo /styleguide/atoms/icons all’URL. Se non viene visualizzato, controlla che l’opzione styleguide enabled sia attiva nelle impostazioni del sito.

Se desideri accedere alle icone Pro, devi installare il plugin Discourse FontAwesome Pro.

8

https://meta.discourse.org/styleguide/atoms/icons

Anche il tuo forum dispone di questa funzionalità. Potrebbe essere necessario attivare il plugin.

9

Grazie @ondrej e @pfaffman! Conoscevo già l’uso di Font Awesome e sapevo che avrei potuto aver bisogno di aggiungerne alcuni di nuovi, ecco perché volevo sapere cosa era incluso. I collegamenti ai plugin Meta e Styleguide sono entrambi molto utili. Sto ancora avendo un po’ di difficoltà a capire come aggiungerne di nuovi in alcuni (ma stranamente non in tutti) i casi, ma aprirò un argomento/risposta separato a riguardo. :wink: