Liens d'en-tête personnalisés (icônes)

Pour LinkedIn, vous pouvez utiliser fab-linkedin comme nom d’icône dans ce paramètre

mais comme cette icône n’est pas incluse dans l’ensemble d’icônes par défaut utilisé par Discourse, vous devrez également l’ajouter à l’autre paramètre du composant.

Le résultat ressemble à ceci de mon côté

Bien sûr, il y a une section dans ce sujet concernant l’ajout d’icônes personnalisées.

Une fois que vous aurez configuré cela, vous pourrez utiliser n’importe quelles icônes personnalisées que vous ajouterez dans ce composant de thème. Veuillez consulter cette section et faites-moi savoir si vous rencontrez des problèmes.

J’ai apporté cette modification ainsi que quelques autres améliorations d’implémentation ici

La nouvelle mise à jour ajoute des classes préfixées uniques à chaque lien en fonction du titre que vous utilisez. Ainsi, par exemple, si vous utilisez

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

le lien aura la classe

header-icon-facebook

Le modèle est header-icon-TITRE-ICÔNE

Que vous pouvez ensuite cibler avec du CSS comme ceci

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

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

  // ajoutez plus d'icônes ici
}

ce qui donnerait quelque chose comme ceci

icônes colorées

4 « J'aime »