Liens d'en-tête personnalisés

Salut, bienvenue !

Vous ne pouvez pas le faire directement avec le composant, mais vous pouvez utiliser CSS pour masquer les liens.
Il existe une classe .anon sur laquelle vous pouvez compter pour déterminer si un utilisateur est connecté.

Par exemple, si vos noms de liens sont « Lien 1 » et « Lien 2 » :

/* Utilisateurs déconnectés */
html.anon .link-1-custom-header-links {
    display: none;
}

/* Utilisateurs connectés */
html:not(.anon) .link-2-custom-header-links {
    display: none;
}

Le HTML contient un nom de classe où le nom du lien est écrit en tirets, suivi de -custom-header-links. Vous pouvez le voir dans la console du navigateur en faisant un clic droit sur un lien → inspecter, vous verrez :

3 « J'aime »