Come visualizzare le icone Font Awesome accanto alla categoria?

[Merlls_Rizzini]

Invece di immagini PNG, sto cercando di inserire icone Font Awesome, ma sembrano rotte. Qualche idea su come farle funzionare?

[tshenry (Taylor)]

Prova a utilizzare il seguente componente. L’ho appena testato e funziona:

Category Icons

This theme component is deprecated and should no longer be used. Its features are now in Discourse Core (see: Bringing popular features to Discourse). For private category icon customization, refer to this topic. Summary Category Icons allows category badge links to have icons next to the category name. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-category-icons …

[Merlls_Rizzini]

Ciao tshenry. Ho visto questo componente del tema, ma viene visualizzato in tutto il forum (e solo nelle sottocategorie); vorrei invece mostrarlo solo nel blocco/elenco delle categorie nella pagina Categorie. L’unica opzione che offre Discourse è inserire un’immagine .png.

.navigation-categories .category-text-title .category-name{
position: relative;
&:before{
    position: relative;
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    font-weight: 900;
}

Questo è ciò che sto provando, ma con le icone di Font Awesome.

Stessa richiesta:

Category Icons

Another request would be having the icon next to the category name on the category page if it’s not a subcategory: [image]

[tshenry (Taylor)]

Ah ok, il CSS che hai pubblicato non funziona più.

Penso che il modo migliore per ottenere questo risultato sia aggiungere un’uscita plugin al template category-title-link e utilizzare un widget per aggiungere l’icona appropriata prima del nome della categoria. Mi sembra sensato che il componente Category Icons includa opzionalmente l’icona della categoria nell’elenco delle categorie. Se desideri che le icone vengano visualizzate solo nell’elenco delle categorie, puoi nasconderle nelle altre posizioni tramite CSS.

@pmusaraj cosa ne pensi? Se ritieni che sia una buona idea, posso creare una PR per l’uscita plugin e poi provare a preparare una PR per il componente Category Icons che aggiunga questa funzionalità.

[Merlls_Rizzini]

@tshenry

Se vuoi che le icone siano visualizzate solo nell’elenco delle categorie, puoi nasconderle dagli altri punti con il CSS.

@tshenry

Posso creare una PR per il plugin outlet, quindi provare a elaborare una PR per il componente Category Icons che aggiunga questa funzionalità.

Sarebbe fantastico. @pmusaraj

[pmusaraj (Penar Musaraj)]

Sembra una buona soluzione, grazie per averlo esaminato.

[Merlls_Rizzini]

@tshenry hai qualche aggiornamento a riguardo?

[tshenry (Taylor)]

Non ancora, ma dovrei riuscire a lavorarci questa settimana.

Modifica: Ora funziona su una versione locale del componente:

Farò del mio meglio per inviare le PR necessarie domani e, spero, tutto sarà pronto entro la prossima settimana.

[tshenry (Taylor)]

Questa funzionalità è ora inclusa nel componente Icone delle categorie. Affinché la funzione funzioni correttamente, assicurati di essere sull’ultima versione di Discourse e sull’ultima versione del componente.