Link di intestazione personalizzati (icone)

Per LinkedIn puoi usare fab-linkedin come nome dell’icona in questa impostazione

ma poiché quell’icona non è inclusa nell’insieme predefinito di icone utilizzato da Discourse, dovrai anche aggiungerla all’altra impostazione nel componente.

Il risultato per me è questo

Certo, c’è una sezione in questo argomento dedicata all’aggiunta di icone personalizzate.

Una volta configurato, potrai utilizzare qualsiasi icona personalizzata aggiungi in questo componente del tema. Dai un’occhiata lì e fammi sapere se incontri problemi.

Ho apportato questa modifica insieme ad alcuni altri miglioramenti nell’implementazione qui

Il nuovo aggiornamento aggiunge classi uniche con prefisso a ciascun link in base al titolo che utilizzi. Quindi, ad esempio, se usi

facebook, fab-facebook, https://facebook.com, vdm, blank

il link avrà la classe

header-icon-facebook

Il modello è header-icon-TITOLO-ICONA

Che puoi poi selezionare con CSS in questo modo

.d-header-icons {
  .header-icon-facebook svg {
    fill: #4267b2;
  }

  .header-icon-twitter svg {
    fill: #1da1f2;
  }

  // aggiungi altre icone qui
}

che produrrebbe un risultato simile a questo

icone colorate

4 Mi Piace