Liens d'en-tête personnalisés

Composant de thème
,
137

Salut @andreas_can, bienvenue sur Meta :wave:

Ce composant ajoute une classe CSS à chaque lien en fonction de son texte. La classe ajoutée est identique au texte que vous donnez au lien, sauf que les espaces sont remplacés par un trait d’union (-) et que le texte est mis en minuscules. Ensuite, la chaîne -custom-header-links est ajoutée à la fin.

Donc, si vous ajoutez un lien avec le texte

privacy

alors l’élément de lien aura la classe

privacy-custom-header-links

Si le texte de votre lien est

Visit Shop

alors la classe CSS serait

visit-shop-custom-header-links

Vous connaissez donc maintenant la classe ajoutée à chaque lien. Revenons à votre question.

Discourse ajoute une classe CSS à la balise <HTML> lorsque l’utilisateur n’est pas connecté. Cette classe est

anon

Vous pouvez donc l’utiliser pour masquer certains liens pour les utilisateurs qui ne sont pas connectés. Disons que j’ai un lien avec le texte

Customer Support

et que je ne veux pas qu’il apparaisse aux utilisateurs qui ne sont pas connectés.

J’ajouterais alors ce CSS

.anon {
  .customer-support-custom-header-links {
    display: none;
  }
}

dans l’onglet common > CSS de mon thème principal.

Cela masquera ce lien particulier pour les utilisateurs qui ne sont pas connectés.

11 « J'aime »