Como adicionar ícone ao menu do WordPress

Olá tudo bem? hoje quero te ensinar um jeito simples de adicionar ícone ao menu do seu blog de forma bem simples e descomplicada.

Esse tipo de técnica ajuda no layout do seu blog melhorando seu aspecto visual e dando um aparência mais profissional

O Font Awesome é uma fonte composta por 369 ícones que podem ser personlizados via CSS alterando a cor, tamanho, adicionar sombras e etc.

Originalmente foi inventado para o Twitter Bootstrap, a fonte está disponível para o uso em qualquer projeto.

Como a fonte é composta por vetores elas podem ser dimencionadas em qualquer tamanho sem perder o seu formato e visibilidade.

Vídeo ensinando como adicionar ícones no menu do WordPress

Instalação Font Awesome 4 Menus Plugin

Faça a busca do plugin dentro da administração pelo menu Plugins>Adicionar Novo. O Plugin é tão simples que não existe opções de configurações.

Veja também:  WordPress 4.0 Minhas Primeiras Impressões

Plugin Font Awesome Menu

Mostrar opções de icones no menu

É preciso habilitar a opção para colocar o código do Font Awesome.

Para fazer isso clique em “Opções de Tela” como na imagem abaixo e ative a opção “Classe CSS”

Habilitando opção Font Awesome Menu

Perceba que agora no menu existe um local para você adicionar o código do Font Awesome.

espaço para adicionar o código

Para obter os códigos dos ícones acesse http://fortawesome.github.io/Font-Awesome/icons/

O resultado é esse como na imagem abaixo.

resultado do plugin font awesome menu

Outras opções do Font Awesome

Você pode adicionar os ícones em postagens e widgets para isso coloque o código abaixo.

Fa class = "fa-home"

Trocando apenas o código “fa-home” pelo código desejado pesquisando no site que falei logo acima.

E ai gostou dessa dica?

Até mais!

 

Como adicionar ícone ao menu do WordPress
4.5 (90%) 10 votos

Veja também:


Ultrapack V2

O blog te ajudou? ajude o blog!

Os valores doados serão utilizados para pagar os custos do blog, como hospedagem e domínio.

Doação para o WP College

10 Comentários - Adicionar Comentário

Resposta

Deixe uma resposta

Cadastre-se para receber GRÁTIS minhas melhores dicas!