Como usar meus próprios ícones SVG no componente de tema Custom Header Links?

Instalei um componente que só me permite colocar ícones do site fontawesome nas tags do meu fórum, mas quero usar meus próprios ícones, como faço para carregá-los e usá-los?

[image]

1 curtida

Substitua os ícones SVG padrão do Discourse por ícones personalizados em um tema

2 curtidas

obrigado por responder, eu queria usar isso

mas por algum motivo os ícones svg que eu carrego no meu site não consigo usar nisso

2 curtidas

Entendo. Suspeito que você terá que trabalhar um pouco para que isso aconteça. Mudei seu título de acordo, então espero que chame a atenção de alguém que saiba mais sobre esse componente de tema.

Diz

o que, acho eu, significa que é difícil ou impossível usar outros ícones.

2 curtidas

A adição de ícones personalizados agora é suportada, a partir deste commit:

Ao adicionar um link de cabeçalho na configuração do tema, cole um URL para um ícone e ele deverá estar presente no cabeçalho.

1 curtida

Olá! obrigado por me responder e por me ajudar! Como eu instalo isso?

1 curtida

Olá @danielabc

Você só precisa navegar até seus componentes em /admin/customize/themes, encontrar o componente Icon Header Links. Se ele não estiver na última atualização, você verá um botão para atualizar.

Após atualizar o componente de tema, nas configurações do seu tema, onde você configura cada link de ícone, basta usar um URL para uma fonte de imagem em vez de um nome de ícone do font awesome.

Por exemplo, é assim que configurei um link:

Link para desktop e mobile, https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Pok%C3%A9_Ball_icon.svg/1200px-Pok%C3%A9_Ball_icon.svg.png, https://facebook.com, vdm, self

O que renderiza assim:

2 curtidas