# Icone delle categorie

**URL:** https://meta.discourse.org/t/category-icons/104683
**Category:** Theme component
**Tags:** official, deprecated, category-icons
**Created:** [19 Dicembre 2018, 4:22pm UTC](https://meta.discourse.org/t/category-icons/104683 "2018-12-19T16:22:44Z")
**Posts on this page:** 20
**Page:** 5

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2 Giugno 2020, 4:08pm UTC](https://meta.discourse.org/t/category-icons/104683/87 "2020-06-02T16:08:34Z")

</div>

Sì, penso che la cosa migliore sia impostare sempre il prefisso corretto. Il plugin FontAwesome Pro sostituisce solo le icone principali con lo stile selezionato; consulta questo file per l’elenco delle icone convertite:

> <https://github.com/discourse/discourse-fontawesome-pro/blob/main/assets/javascripts/initializers/replacements.js>

`comments` non è presente in quell’elenco, quindi viene utilizzata di default l’icona principale.

---

<div class="post-metadata">

### Author: ![oca](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/oca/32/156060_2.png) [@oca](https://meta.discourse.org/u/oca)
#### Post date: [4 Luglio 2020, 9:24am UTC](https://meta.discourse.org/t/category-icons/104683/88 "2020-07-04T09:24:45Z")

</div>

Ho creato [un componente del tema](https://meta.discourse.org/t/theme-component-to-use-category-icons-in-events-plugin-calendar/156766) per aggiungere l’icona nella vista calendario del plugin Eventi.

Utilizza il widget `category-icon`, che non mostra le icone per le sottocategorie. Ho dovuto aggiungere una “modalità forzata” in questo modo:

```plaintext
  api.createWidget("category-icon", {
    tagName: "div.category-icon-widget",
    html(attrs) {
      let iconItem = getIconItem(attrs.category.slug);
      let force_display = ('force_display' in attrs);
      if(iconItem && (!attrs.category.parent_category_id || force_display)) {
        let itemColor = iconItem[2] ? `color: ${iconItem[2]}` : "";
        let itemIcon = iconItem[1] != '' ? iconNode(iconItem[1]) : "";
        return h("span.category-icon", { "style": itemColor }, itemIcon);
      }
    }
  });

```

Vedi un modo per ottenere lo stesso risultato senza questo workaround?  
Se non è possibile, considereresti di aggiungerlo al codice?

Grazie in anticipo.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [3 Agosto 2020, 6:26pm UTC](https://meta.discourse.org/t/category-icons/104683/89 "2020-08-03T18:26:34Z")

</div>

Ciao Penar, questo componente sta causando un problema di ordinamento strano nelle categorie. Ecco i passaggi per riprodurlo:

1. Imposta una categoria per ordinare per “Creata” \> Decrescente: la categoria mostrerà correttamente l’ordinamento.
2. Visita un argomento nella categoria.
3. Fai clic sul breadcrumb per tornare alla categoria.
4. Ora la categoria ordina per “più recente” invece che per “creata”. Puoi aggiornare la pagina per ripristinare l’ordinamento corretto.

Ci è voluto un bel po’ di investigazione per identificare questo TC come il problema, molto strano!

Ecco una registrazione di ciò che succede:

- Argomento 1 è stato creato per primo ma ha una risposta.
- Argomento 2 è stato creato per secondo e non ha risposte.

Con l’ordinamento per `Created`, l’Argomento 2 dovrebbe essere in cima alla lista, ed effettivamente lo è all’inizio. Ma dopo aver visitato un argomento e cliccato sul breadcrumb, l’Argomento 1 si trova in cima alla lista.

https://www.loom.com/embed/9a8541faf94645968d3204b955f91ad9

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [4 Agosto 2020, 12:55pm UTC](https://meta.discourse.org/t/category-icons/104683/90 "2020-08-04T12:55:46Z")

</div>

Grazie per il rapporto dettagliato @davidkingham, bug molto subdolo, ho pubblicato una correzione.

---

<div class="post-metadata">

### Author: ![zooy0rk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zooy0rk/32/187829_2.png) [@zooy0rk](https://meta.discourse.org/u/zooy0rk)
#### Post date: [4 Agosto 2020, 3:54pm UTC](https://meta.discourse.org/t/category-icons/104683/91 "2020-08-04T15:54:09Z")

</div>

Dopo l’aggiornamento di oggi, ho dovuto disattivarlo: distrugge la mia pagina iniziale e le categorie. Vorrei pubblicare uno screenshot lì, ma il mio forum è per maggiori di 21 anni, quindi @pmusaraj ti invierò lo screenshot in privato.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [4 Agosto 2020, 5:09pm UTC](https://meta.discourse.org/t/category-icons/104683/92 "2020-08-04T17:09:55Z")

</div>

Grazie per la segnalazione @zooy0rk, anche quel problema è stato risolto.

---

<div class="post-metadata">

### Author: ![ScammerRevolts](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/scammerrevolts/32/577396_2.png) [@ScammerRevolts](https://meta.discourse.org/u/ScammerRevolts)
#### Post date: [6 Agosto 2020, 9:38pm UTC](https://meta.discourse.org/t/category-icons/104683/93 "2020-08-06T21:38:51Z")

</div>

Il nuovo aggiornamento sembra aver rotto l’intera interfaccia del mio sito

 ![asdasdasdasd](https://global.discourse-cdn.com/meta/original/3X/9/8/98ad103ea36ab1d7642dd807362b81826c66206c.png)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [6 Agosto 2020, 9:45pm UTC](https://meta.discourse.org/t/category-icons/104683/94 "2020-08-06T21:45:38Z")

</div>

Hai degli errori nella console? Quale versione di Discourse stai usando?

---

<div class="post-metadata">

### Author: ![ScammerRevolts](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/scammerrevolts/32/577396_2.png) [@ScammerRevolts](https://meta.discourse.org/u/ScammerRevolts)
#### Post date: [6 Agosto 2020, 10:00pm UTC](https://meta.discourse.org/t/category-icons/104683/95 "2020-08-06T22:00:37Z")

</div>

Ok, ho aggiornato all’ultima versione 2.6.0.beta1 e sembra aver risolto il problema

---

<div class="post-metadata">

### Author: ![Michael\_Fearne](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_fearne/32/151535_2.png) [@Michael\_Fearne](https://meta.discourse.org/u/Michael_Fearne)
#### Post date: [17 Agosto 2020, 7:05am UTC](https://meta.discourse.org/t/category-icons/104683/96 "2020-08-17T07:05:53Z")

</div>

Spero di ottenere qualche aiuto per un problema che sto riscontrando… Sto cercando di usare questo componente del tema per cambiare semplicemente l’icona di blocco della categoria in una stella, ma ottengo risultati contrastanti.

Cambia l’icona per l’elenco degli ultimi argomenti:

 ![Latest](https://global.discourse-cdn.com/meta/original/3X/d/9/d98f6714414c9bd3d9d52eca7f354e845f5786a9.png)

E per il menu a tendina delle categorie:

 ![Dropdown](https://global.discourse-cdn.com/meta/original/3X/a/0/a05b963d90ba29123587a7fdb9b655b535f0859a.png)

Ma non cambia l’icona accanto alla categoria nella pagina principale dell’elenco delle categorie (/categories), è ancora un lucchetto:

 ![Lock](https://global.discourse-cdn.com/meta/original/3X/c/7/c70ef97fd41dee75ab6c3f0d04a11f09439040ee.jpeg)

Sto dimenticando qualcosa? Sento di star tralasciando qualcosa qui…

Ecco le impostazioni del tema:

 ![Theme Settings](https://global.discourse-cdn.com/meta/original/3X/e/9/e90a0ebf976778c5af699429661c1c9b7dbb9f0a.jpeg)

Qualsiasi aiuto per risolvere l’enigma del motivo per cui quell’icona di lucchetto rimane sarebbe fantastico!! Grazie!

---

<div class="post-metadata">

### Author: ![JimPas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimpas/32/148179_2.png) [@JimPas](https://meta.discourse.org/u/JimPas)
#### Post date: [17 Agosto 2020, 6:21pm UTC](https://meta.discourse.org/t/category-icons/104683/97 "2020-08-17T18:21:36Z")

</div>

Prova `far-star` come nome dell’icona invece di “star”.  
“far” è per le icone regolari, “fab” è per le icone dei marchi.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [17 Agosto 2020, 7:53pm UTC](https://meta.discourse.org/t/category-icons/104683/98 "2020-08-17T19:53:22Z")

</div>

> [@Michael\_Fearne](#):
>
> Qualsiasi aiuto per risolvere l’enigma del perché quell’icona del lucchetto rimanga sarebbe fantastico!! Grazie!

Questa è una limitazione del componente, che non si integra con le pagine /categories. Valuterò di risolvere il problema; probabilmente sarà necessario prima apportare una modifica al core.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [18 Agosto 2020, 2:12am UTC](https://meta.discourse.org/t/category-icons/104683/99 "2020-08-18T02:12:51Z")

</div>

Se stai cercando di cambiare _tutte_ le icone del lucchetto in una stella, puoi creare un nuovo componente del tema e aggiungerlo alla sezione Header:

```plaintext
<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('lock', 'star');
</script>

```

---

<div class="post-metadata">

### Author: ![Michael\_Fearne](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_fearne/32/151535_2.png) [@Michael\_Fearne](https://meta.discourse.org/u/Michael_Fearne)
#### Post date: [18 Agosto 2020, 2:21am UTC](https://meta.discourse.org/t/category-icons/104683/100 "2020-08-18T02:21:39Z")

</div>

> [@davidkingham](#):
>
> ```plaintext
> <script type="text/discourse-plugin" version="0.8">
> api.replaceIcon('lock', 'star');
> </script>
> 
> ```

Grazie @davidkingham, fantastico! Ci ho pensato e sono felice di cambiare tutti i lucchetti in stelle. E il tuo codice funziona alla perfezione. Molto apprezzato 👏

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [18 Agosto 2020, 2:18pm UTC](https://meta.discourse.org/t/category-icons/104683/101 "2020-08-18T14:18:19Z")

</div>

Per la cronaca, anche il core e questo componente sono stati aggiornati, e ora il componente aggiorna l’icona del lucchetto nelle pagine /categories.

---

<div class="post-metadata">

### Author: ![md-misko](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/md-misko/32/126315_2.png) [@md-misko](https://meta.discourse.org/u/md-misko)
#### Post date: [21 Agosto 2020, 1:56pm UTC](https://meta.discourse.org/t/category-icons/104683/102 "2020-08-21T13:56:09Z")

</div>

[https://github.com/discourse/discourse-category-icons/pull/6](https://github.com/discourse/discourse-category-icons/pull/6)

Si prega di prendere in considerazione anche una correzione per la visualizzazione delle icone delle sottocategorie, come descritto in [Category Icons - #50 by md-misko](https://meta.discourse.org/t/category-icons-component/104683/50?u=md-misko)

---

<div class="post-metadata">

### Author: ![markersocial](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/markersocial/32/170136_2.png) [@markersocial](https://meta.discourse.org/u/markersocial)
#### Post date: [23 Agosto 2020, 6:10pm UTC](https://meta.discourse.org/t/category-icons/104683/103 "2020-08-23T18:10:32Z")

</div>

@ScammerRevolts @zooy0rk Hahaha, ho avuto lo stesso problema. Sono molto contento che non si trattasse di qualcosa di più grave, non avrei mai immaginato che questa fosse la causa, dato che durante la ricostruzione avevo anche altri errori relativi a postgres. :sweat\_smile Stavo già preparando una nuova istanza per ripristinare un backup. Ora è tutto a posto, una volta aggiornato questo componente; credo che fosse indietro di circa 4 revisioni.

La modalità sicura è stata davvero utile per restringere il campo del problema: [Using Safe Mode to troubleshoot issues with themes and plugins](https://meta.discourse.org/t/how-to-use-discourse-safe-mode/53504)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [25 Agosto 2020, 5:52pm UTC](https://meta.discourse.org/t/category-icons/104683/104 "2020-08-25T17:52:37Z")

</div>

Questo è ora unito @md-misko, grazie per la PR!

Ho anche aggiunto una piccola correzione al core per includere queste icone nel layout “Caselle con Sottocategorie” per `/categories`.

---

<div class="post-metadata">

### Author: ![md-misko](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/md-misko/32/126315_2.png) [@md-misko](https://meta.discourse.org/u/md-misko)
#### Post date: [25 Agosto 2020, 6:01pm UTC](https://meta.discourse.org/t/category-icons/104683/105 "2020-08-25T18:01:20Z")

</div>

> [@pmusaraj](#):
>
> Ho anche aggiunto una piccola correzione al core per includere queste icone nel layout “Caselle con sottocategorie” per `/categories`.

Vedo le icone delle sottocategorie quando “Stile elenco sottocategorie” è impostato su “Caselle con argomenti in evidenza”, ma non quando è impostato solo su “Caselle”?

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [25 Agosto 2020, 6:11pm UTC](https://meta.discourse.org/t/category-icons/104683/106 "2020-08-25T18:11:45Z")

</div>

Giusto, la correzione è nel core, quindi devi ricostruire il tuo sito.

[Previous page](https://meta.discourse.org/t/category-icons/104683.md?page=4)

[Next page](https://meta.discourse.org/t/category-icons/104683.md?page=6)
