Link di intestazione personalizzati

Componente del tema
,
137

Ciao @andreas_can benvenuto in Meta :wave:

Questo componente aggiunge una classe CSS a ciascun link in base al suo testo. La classe aggiunta è la stessa del testo che assegni al link, tranne per il fatto che gli spazi vengono sostituiti da un trattino (-) e il testo viene impostato in minuscolo. Quindi, alla fine viene aggiunta la stringa -custom-header-links.

Quindi, se aggiungi un link con il testo

privacy

allora l’elemento del link avrà la classe

privacy-custom-header-links

Se il testo del tuo link è

Visit Shop

allora la classe CSS sarebbe

visit-shop-custom-header-links

Quindi, ora conosci la classe aggiunta a ciascun link. Tornando alla tua domanda.

Discourse aggiunge una classe CSS al tag <HTML> quando l’utente non è connesso. Quella classe è

anon

Quindi, puoi usarla per nascondere determinati link agli utenti che non sono connessi. Diciamo che ho un link con il testo

Customer Support

e non voglio che venga mostrato agli utenti che non sono connessi.

Aggiungerei quindi questo CSS

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

nella scheda common > CSS del mio tema principale.

Questo nasconderĂ  quel particolare link agli utenti che non sono connessi.

11 Mi Piace