Links de Cabeçalho Personalizados

Componente de tema
,
137

Olá @andreas_can, bem-vindo à Meta :wave:

Este componente adiciona uma classe CSS a cada link com base em seu texto. A classe adicionada é a mesma do texto que você dá ao link, exceto que os espaços são substituídos por um hífen (-) e o texto é definido como minúsculo. Em seguida, a string -custom-header-links é anexada no final.

Portanto, se você adicionar um link com o texto

privacy

então o elemento do link terá a classe

privacy-custom-header-links

Se o texto do seu link for

Visit Shop

então a classe CSS seria

visit-shop-custom-header-links

Então, agora você sabe a classe adicionada a cada link. Voltando à sua pergunta.

O Discourse adiciona uma classe CSS à tag <HTML> quando o usuário não está logado. Essa classe é

anon

Portanto, você pode usá-la para ocultar certos links para usuários que não estão logados. Digamos que eu tenha um link com o texto

Customer Support

e eu não quero que ele apareça para usuários que não estão logados.

Eu então adicionaria este CSS

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

na aba common > CSS do meu tema principal.

Isso ocultará esse link específico para usuários que não estão logados.

11 curtidas