Links de cabeçalho personalizados (ícones)

este é um plug-in tão complicado de fazer funcionar, estou tentando fazer com que o ícone fa-bolt-lightning tenha a mesma função do ícone de comentários (/latest). Tentei todas as combinações de fab-bolt-lightning ou fas-bolt-lightning ou fa-bolt-lightning, ou apenas bolt-lighting nos campos de link do cabeçalho e na caixa de seleção de ícones svg. Tudo o que consigo é o link sem ícone. Literalmente enlouquecedor.

2 curtidas

Este componente usa o conjunto de ícones mais antigo, então seria bolt :+1:

2 curtidas

Estou tentando usar o ícone user-headset do Font Awesome, que está disponível a partir da versão 5.7.0 do Font Awesome, mas ele não aparece.

Em vez da mensagem

Incluir classes de ícones do FontAwesome 5 para cada ícone usado na lista.

na página de configuração do plugin, seria bom exibir a versão exata do Font Awesome utilizada pelo plugin.

Em uma nota relacionada, por favor, atualize para a versão mais recente do Font Awesome na próxima versão do plugin.

o user-headset é um ícone pro, então você precisa da assinatura pro. se você quiser usar o gratuito, é headset.

2 curtidas

uma palavra de conselho para este componente. observe quantos ícones você coloca lá na visualização móvel porque ficará rapidamente abarrotado com os botões de login e cadastro, bem como com o logotipo do site. por exemplo, se você colocar apenas 2 ícones lá com este componente, ficará muito lotado na visualização móvel e poderá empurrar os botões do menu para fora da tela e encolher o logotipo do seu site. na verdade, prefiro o visual mais limpo sem ícones e só uso este componente para colocar um ícone adicional no cabeçalho para meus usuários móveis que o solicitaram.

3 posts foram divididos em um novo tópico: Como criar um link de cabeçalho dinâmico?

De forma semelhante, ocultei os ícones no celular pela mesma razão. Mas isso deixa você sem links no celular, o que é meio ruim.

1 curtida

Isso fica ótimo no desktop, mas concordo que fica lotado no celular
Existe alguma maneira de os links do celular serem inseridos como um rodapé em vez de um cabeçalho? Talvez isso ajude a diminuir a desordem para os usuários de celular.

Este componente está quebrado após a última atualização, junto com pelo menos outros 5 componentes do tema. Isso causa grandes problemas no momento.

Houve alguns relatos de que o Custom Wizard é um fator. Você o tem instalado por acaso?

1 curtida

Isso resolveu o problema: muito obrigado pela rápida resposta!

1 curtida

O que as pessoas estão fazendo para se afastar do antigo logotipo do Twitter para o “X”? O novo ícone da marca X não parece que será adicionado ao Font Awesome 5 no momento :frowning:

4 curtidas

Obrigado @Moin - isso funciona (e em termos de usá-lo no componente Custom Header Links, apenas o primeiro passo é necessário se você especificar este ícone como o a ser usado nas configurações do componente)

Eu tento adicionar o ícone de globo, mas não funciona

Como posso fazer isso? Globe Classic Solid Icon | Font Awesome

O que você colocou na configuração de links do cabeçalho? Eu acabei de tentar ícone de globo título,globo,https://fontawesome.com/v5/icons/globe,vdm,blank e funcionou

Além disso, se você não o vir, pode adicionar globe à configuração svg_icons para garantir que ele seja exibido.

Acho que a documentação pode ser um pouco confusa.

Por padrão, ele usa fab-twitter e fab-facebook (válidos) nas configurações. A captura de tela os mostra sem fab-, e a documentação diz para remover qualquer fab- (o que não é totalmente correto, pois existem alguns ícones válidos com fab- e far-). :thinking:

1 curtida

É verdade para mim, todos os ícones são fab-discord e funcionam. Testei sem fab e funciona, obrigado :slight_smile:

2 posts foram divididos para um novo tópico: Ícones de cabeçalho personalizados desproporcionais aos ícones de cabeçalho principais

Existe algum placeholder/variável para a página/URI atual em que o usuário está e renderizá-lo no Link do Cabeçalho?

No nosso caso, gostaríamos de adicionar um link para o nosso staging que abra a mesma página exata.

Exemplo: quando um usuário está na página forum.xyz/admin/site_settings, o link do botão levará para stagingforum.xyz/admin/site_settings

1 curtida