WordPress: Alterando o avatar padrão (sem plugin) | Follow your dreams
Blogosfera

WordPress: Alterando o avatar padrão (sem plugin)

Oi pessoal, tudo bom?

Hoje trouxe uma dica super legal para quem usa WordPress. Eu adoro personalizar o avatar padrão e uso esse mesmo código aqui no blog, então posso garantir que funciona. Sempre que possível é bom substituir um plugin pelo código, pois apesar de dar menos trabalho de instalar, o plugin pesa mais no carregamento, então o uso de muitos ao mesmo tempo pode deixar o seu blog lento.

Já postei esse mesmo tutorial para Blogger, nesse post aqui.

Avatar padrão é aquele que aparece no lugar da fotografia quando o autor do comentário não tem foto (não está cadastrado no Gravatar).

WordPress-Alterando-Avatar-Padrao-1

TUTORIAL
  • 1 – No painel do seu WordPress, vá em Configurações > Discussão. Em Avatar Padrão selecione Vazio e salve.

WordPress-Alterando-Avatar-Padrao-2

 

  • 2 – No CSS do seu tema (no arquivo style.css), adicione um desses códigos:

Para avatar quadrado

.avatar {background:url(‘imagens/Avatar.png‘) 0 0px no-repeat!important; background-size:100%, 100%!important; width: 60px; height: 60px; }

Para avatar redondo

.avatar {background:url(‘imagens/Avatar.png‘) 0 0px no-repeat!important; background-size:100%, 100%!important; -moz-border-radius: 200px; -khtml-border-radius: 200px;-webkit-border-radius: 200px; width: 60px; height: 60px; }

– Os números em vermelho são a largura e altura do avatar, respectivamente. Modifique se desejar.
– Em azul está o endereço da imagem do avatar. No exemplo utilizado a imagem está localizada na pasta imagens, dentro da pasta do seu tema. Modifique se desejar.

MODELOS GRATUITOS
WordPress-Alterando-Avatar-Padrao-4 WordPress-Alterando-Avatar-Padrao-5 WordPress-Alterando-Avatar-Padrao-6
WordPress-Alterando-Avatar-Padrao-7 WordPress-Alterando-Avatar-Padrao-8 WordPress-Alterando-Avatar-Padrao-3

Espero ter ajudado Coracao6
Um beijo! Emoji7

Tags : WordPress

7 Comentários

Deixe uma resposta