Tutto è ancora realizzabile tramite CSS, ma è necessario creare una riga per ogni collegamento, il che può richiedere del tempo.
Se prendiamo come esempio la demo per questo componente:
https://theme-creator.discourse.org/theme/Johani/custom-header-links
proverò i tuoi 3 scenari con l’esempio Tech.
Es #1 visibile agli utenti connessi
.anon .headerLink.tech {
display: none;
}
Es #2 visibile agli utenti non connessi
.headerLink.tech {
display: none;
}
.anon .headerLink.tech {
display: inline-block;
}
Es #3 visibile a tutti gli utenti: non aggiungere nulla
Sostituisci il testo con la parola chiave del tuo menu.
Faccio un ultimo esempio per aiutarti. La classe CSS da utilizzare per la voce di menu Il tuo voto conta! è .headerLink.your-vote-counts.