Tutorial – Adicionando Ícones no Menu WordPress

 TUTORIAL - ADICIONANDO ÍCONES DE CATEGORIAS E REDES SOCIAIS NO WORDPRESS.jpg

  Desde que adicionei os ícones de categoria e redes sociais no meu menu, recebi alguns e-mail e mensagens lá na página do blog de meninas me perguntando como fazia pra adicionar ícones no menu aqui no wordpress! Todo mundo sabe que nossa plataforma não permite que tenhamos tantas opções de temas como o blogspot, mas, mesmo assim temos algumas ferramentas que nos possibilitam deixar os temas que o próprio wordpress disponibiliza, com nossa cara e diferenciar um do outro! E como os ícones fizeram tanto sucesso, resolvi criar um tutorial bem simples ensinando como adicioná-los e deixar seu blog mais fofinho, organizado e diferente dos outros que usam o mesmo tema que você.

Primeiro Passo – Escolha os ícones.
  Antes de tudo, você precisa ter as imagens das categorias e de mídias sociais para utilizar. Essas que eu estou usando, eu mesma fiz, mas se você não manja muito de photoshop e programas de edição e criação, existem alguns blogs que disponibilizam. Separei alguns links onde vocês podem achar freebies com os materiais necessários, olha aqui:
1 – Carla Vieira – Freebie: Categorias Personalizadas (7 modelos)
2 – Elaine Gaspareto – Categorias do blog em formato de ícone acima do título do post
3 – Michella Souza – {Download} Ícones para categorias
Além desses existem muitos outros, é claro. E antes que vocês me perguntem, os meus ( que eu mesma que fiz) não estou disponibilizando pra download. Maaaaas, estou criando alguns bem fofinhos, então em breve estarei disponibilizando pra vocês aqui no blog, então fiquem de olho!

Segundo Passo – Hospedando as imagens.
Agora que você já escolheu seus amados ícones, precisa hospedá-los em algum lugar. Eu tentei hospedar em alguns sites, e até mesmo em outro blog do wordpress mas deu erro na visualização final. Então, uma dica do coração que eu dou é hospedar no próprio blog. E isso é bem simples. Como você vai trabalhar com várias imagens ao mesmo tempo, aconselho abrir uma nova tela de post, sabe aquela onde você cria todas as suas postagens, então, lá mesmo. Adicione todas as imagens das categorias que você selecionou no primeiro passo (da mesma maneira que você adiciona imagens nos seus posts), e selecione a visualização na forma HTML e deixe a página aberta, pois você vai precisar copiar os links das imagens. Achou complicado, então confere as imagens abaixo:
SEGUNDO PASSO.png
SEGUNDO PASSO 2.png

Terceiro Passo: Abra a personalização do seu tema. 
Para abrir a personalização do seu tema, vá até Meu Site > Temas e logo ao lado Personalizar. Escolha qual posição quer adicionar os ícones (alguns temas permitem você adicionar widgets em cima, em baixo, e dos lados lados, alguns te dão só algumas opções). Vá em adicionar um widget > texto. Observe as imagens:
ícones de categorias e redes sociais terceiro passo.jpg

Quarto Passo: Inserindo o código no widget de texto. 
Com o widget de texto aberto, você começar a inserir o seguinte código, fazendo as alterações nos lugares indicados:

<a href=”LINK DA CATEGORIA OU REDE SOCIAL” title=”TÍTULO DA CATEGORIA OU REDE SOCIAL“><img src=”ENDEREÇO DA IMAGEM” /></a>

Veja o exemplo na imagem:
QUARTO PASSO.png

  Se você quiser adicionar dez categorias, então precisar copiar o código e fazer as alterações dez vezes! Uma vez pra cada categoria com seus respectivos links e nomes. Depois é só salvar, publicar e pronto, suas categorias e redes sociais já aparecem em forma de ícones!

  E aí, o que acharam? Conseguiram colocar? Me contem aqui nos comentários. E continuem de olho no que logo mais disponibilizo alguns modelinhos ok?

Anúncios

18 comentários sobre “Tutorial – Adicionando Ícones no Menu WordPress

Me conte o que achou...

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s