Deseja alterar o Gravatar padrão em seu site WordPress?
Se um comentarista não tiver um Gravatar, o WordPress mostrará a mesma “pessoa misteriosa” cinza por padrão. Substituindo essa imagem padrão por uma imagem de sua escolha, é possível personalizar a seção de comentários de acordo com a sua marca e fazer com que ela se destaque.
Neste artigo, mostraremos a você como alterar o Gravatar padrão no WordPress.
O que é um Gravatar padrão e por que alterá-lo?
Gravatar significa Globally Recognized Avatar (Avatar reconhecido globalmente). É um serviço da Web que permite que as pessoas criem um perfil e associem imagens de avatar ao seu endereço de e-mail.
Todos os sites do WordPress têm suporte integrado para Gravatars e mostrarão automaticamente o avatar do usuário quando ele escrever posts em um blog do WordPress com vários autores ou deixar comentários.
Se um usuário não tiver um Gravatar, o WordPress mostrará um Gravatar padrão. Para a maioria dos sites do WordPress, essa é uma pessoa misteriosa e cinzenta.
Você pode alterar esse Gravatar padrão para qualquer outra imagem de sua escolha. Por exemplo, você pode usar uma imagem que represente sua empresa, como o logotipo do seu site. Isso pode ajudar a reforçar sua marca.
Dito isso, vamos ver como você pode alterar a imagem padrão do Gravatar em seu site ou blog do WordPress. Basta usar os links rápidos para ir direto ao método que você deseja usar:
Método 1: Escolha um Gravatar WordPress incorporado diferente (rápido e fácil)
O WordPress vem com alguns Gravatares padrão diferentes que você pode usar. Usar os padrões é a maneira mais rápida de alterar o Gravatar da pessoa misteriosa, embora essas imagens não sejam exclusivas do seu site ou marca do WordPress.
Para ver os diferentes Gravatars padrão, você precisa ir para Settings ” Discussion (Configurações ” Discussão ) na área de administração do WordPress.
Em ‘Default Avatar’ (Avatar padrão), você verá todos os diferentes avatares incorporados que o WordPress pode usar quando não houver um Gravatar vinculado ao endereço de e-mail da pessoa.
De imediato, o WordPress usa a pessoa misteriosa como padrão, mas você pode usar qualquer outra imagem nessa seção.
Basta clicar no botão de opção ao lado da imagem que deseja usar em seu blog do WordPress.
Em seguida, role até a parte inferior da tela e clique em “Save Changes” (Salvar alterações).
Método 2: Use o Thrive Comments para fazer upload de um Gravatar personalizado (método de plug-in)
Se você não gostar das opções de gravatar fornecidas pelo WordPress, poderá fazer upload de um gravatar personalizado. Essa é a melhor maneira de personalizar a seção de comentários de acordo com a sua marca.
Para esse método, usaremos o Thrive Comments. Trata-se de um plugin de comentários criado para incentivar os usuários a comentar nas publicações do seu blog e aumentar o envolvimento do seu site.
Além de um recurso de gravatar personalizado, o Thrive Comments vem com ferramentas para tornar sua seção de comentários mais divertida e empolgante. Por exemplo, você pode ativar curtidas e não curtidas como em um site de mídia social.
Você pode obter o Thrive Comments como um plug-in individual ou adquirir o Thrive Themes Suite completo. Isso inclui todos os produtos Thrive, como o Thrive Ovations, que pode transformar seus comentários em depoimentos.
Depois disso, você pode fazer download de um pacote zip de plug-in para instalar em seu site do WordPress. Leia nosso guia passo a passo sobre como instalar um plug-in do WordPress para obter mais informações.
Com o plug-in instalado e ativado, você pode ir para Thrive Dashboard “ Thrive Comments na área de administração do WordPress. Em seguida, abra a guia “Customize Style” (Personalizar estilo).
Nessa guia, verifique se a configuração “Exibir avatares” está ativada. Depois disso, basta clicar em “Choose Image” (Escolher imagem).
Nesse ponto, você pode escolher uma imagem existente na biblioteca de mídia do WordPress ou carregar a sua própria imagem para usar como gravatar padrão.
Você pode usar uma foto de banco de imagens, criar seu próprio logotipo personalizado ou até mesmo criar uma nova imagem do Gravatar usando um software de web design, como o Canva. Essa imagem deve ser quadrada, como 250×250 pixels.
Depois de escolher uma imagem, clique em “Select” (Selecionar).
E pronto!
Agora você deve ver seu novo gravatar padrão na visualização e na seção de comentários ao vivo.
O interessante do Thrive Comments é que você pode facilmente carregar gravatares com ele.
Isso significa que o WordPress não exibirá o gravatar de um comentarista até que o visitante do site role para baixo até aquele comentário específico.
Se você quiser ativar esse recurso, basta acessar o Thrive Dashboard “ Thrive Comments e abrir a guia “Advanced Settings” (Configurações avançadas). Em seguida, marque a caixa que diz “Carregar imagens de avatar quando o comentário entrar na janela de visualização”.
Você também pode marcar os outros recursos de carregamento lento.
Para obter mais dicas e truques sobre como usar o Thrive Comments, confira estes guias:
- Como destacar ou enterrar comentários no WordPress
- Como redirecionar a atenção do usuário com o Comment Redirect
- Como remover o campo de URL do site do formulário de comentários do WordPress
Método 3: Inserir um snippet de código para usar um Gravatar personalizado (método de código)
Além de usar o Thrive Comments, você também pode carregar um gravatar personalizado usando o código. Você pode preferir esse método se quiser simplesmente adicionar uma nova imagem à lista de gravatares na página de discussão do WordPress.
Como no segundo método, você precisa ter uma imagem que deseja usar como gravatar.
Depois disso, você pode carregar a imagem no site do WordPress acessando Mídia ” Adicionar novo. Aqui, você pode escolher uma imagem da biblioteca de mídia do WordPress ou carregar um novo arquivo do seu computador.
Agora que você escolheu uma imagem, clique no link “Edit” (Editar) ao lado dela.
O WordPress agora abrirá o arquivo para edição. Nessa tela, role até a seção “File URL” (URL do arquivo).
Anote esse URL, pois você precisará dele na próxima etapa.
Nesta etapa, você precisa adicionar algum código ao seu site WordPress. Geralmente, os tutoriais pedem que você adicione trechos personalizados ao arquivo functions.php do seu tema.
No entanto, não recomendamos isso porque até mesmo um pequeno erro em seu código pode causar erros comuns do WordPress ou quebrar completamente seu site.
É por isso que recomendamos o uso do WPCode. É a maneira mais fácil e segura de adicionar código personalizado no WordPress sem precisar editar nenhum arquivo principal do WordPress.
A primeira coisa que você precisa fazer é instalar e ativar o plug-in gratuito WPCode. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Após a ativação, vá para Code Snippets “ Add Snippet em seu painel do WordPress.
Aqui, você verá todos os diferentes snippets que pode adicionar ao seu site WordPress. Isso inclui snippets que permitem desativar completamente os comentários no WordPress, carregar arquivos SVG em seu site e muito mais.
Como estamos adicionando um snippet personalizado, passe o mouse sobre ‘Add Your Custom Code’ e, em seguida, clique em ‘Use snippet’.
Para começar, insira um título para o snippet de código personalizado. Pode ser qualquer coisa que o ajude a identificar o snippet em seu painel do WordPress.
Depois disso, você precisa abrir o menu suspenso “Code Type” (Tipo de código) e clicar em “PHP Snippet”.
Depois de fazer isso, basta colar o seguinte snippet no editor de código:
<?php
add_filter( 'avatar_defaults', 'wpb_new_gravatar' );
function wpb_new_gravatar($avatar_defaults) {
// Replace the URL below with your own Gravatar image URL
$myavatar = 'http://example.com/wp-content/uploads/2017/01/wpb-default-gravatar.png';
$avatar_defaults[$myavatar] = "Default Gravatar";
return $avatar_defaults;
}
?>
Não se esqueça de substituir o URL por um link para a imagem que você deseja usar como o Gravatar padrão do WordPress.
Abaixo da caixa de código, você verá algumas opções de inserção. Se ainda não estiver selecionada, escolha o método “Auto Insert” para que o snippet seja inserido e executado automaticamente em todo o site.
Depois disso, abra o menu suspenso “Location” (Localização) e clique em “Run Everywhere” (Executar em todos os lugares).
Depois de fazer isso, role até a parte superior da tela e clique no botão de alternância “Inactive” (Inativo) para que ele mude para “Active” (Ativo).
Por fim, clique em “Salvar” para ativar o snippet do Gravatar.
Para começar a usar esse Gravatar, vá para a página Configurações ” Discussão.
Na seção “Default Avatar” (Avatar padrão), selecione a nova opção “Default Gravatar” (Gravatar padrão).
Depois disso, certifique-se de clicar em “Save Changes” (Salvar alterações) para armazenar suas configurações.
Agora, se você visitar seu site, verá a nova imagem padrão do Gravatar ao vivo.
É isso aí! Para saber mais sobre gravatares no WordPress, confira estes guias:
- Como exibir o Gravatar do e-mail do usuário no WordPress
- Como desativar os gravatares no WordPress (passo a passo)
- Como alterar o tamanho da imagem do Gravatar no WordPress
Esperamos que este artigo tenha ajudado você a aprender como alterar o Gravatar padrão no WordPress. Talvez você também queira ver nosso guia sobre como moderar comentários no WordPress e nossa lista dos melhores plug-ins de comentários do WordPress.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Teri
You did it again! You helped me. Thank you so much!
WPBeginner Support
You’re welcome! Glad our guide was helpful!
Administrador
Francis
Hi guys,
Wonderful tutorial, you saved me from a big headache! Keep up the great work!!!
Best regards,
Francis
WPBeginner Support
Glad to hear our guide was helpful!
Administrador
Segun Solomon
Thanks for this guide. It helps.
WPBeginner Support
Glad it was helpful!
Administrador
WoodyP
Hi, thank you for your article!
is there a way to assign one image per role?
WPBeginner Support
We do not have a recommended method at the moment but if that changes we will be sure to share.
Administrador
Patti
Been working for 2 days trying to get rid of the Chef Hat in my theme.
This worked! Thanks
WPBeginner Support
Glad our guide could help
Administrador
Aardha
This worked like a charm. Thanks!! Is there a way to have multiple default gravatar which can be assigned randomly to users ?
WPBeginner Support
You would need a plugin for a feature like that, if we find a plugin we would recommend we will certainly share.
Administrador
David
This is not working. WordPress does not allow to use local images. Please review your tutorial and update it accordingly.
WPBeginner Support
The method should still be working, if you are on WordPress.com then that would be your issue as our guides are for WordPress.org. You can see the differences in our guide below:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrador
Murat Dinç
Hi,
Can I add an icon instead of Adding an image?
WPBeginner Support
You would want to check on Gravatar’s site for any current restrictions.
Administrador
Renz
Thank you for this tutorial. was able to follow but my default picture wont show up
WPBeginner Support
If our method was not able to assist, you would likely want to reach out to your theme’s support to ensure there isn’t a theme-specific setting preventing the change.
Administrador
Karen
Okay, I found an easier solution for everyone that works well: just install the “WP User Avatar” plugin. Works like a charm and you don’t have to do anything with coding!
WPBeginner Support
Thanks for sharing your recommendation
Administrador
Mari Alonso
This is great, thanks! I followed this by installing the plugin to add the code and then adding my 250×250 picture. It worked great, but now if anyone comments on my site, my picture, not theirs, shows up next to their name. My picture shows up everywhere and no one else’s. Any idea why?
Thank you.
WPBeginner Support
That would be due to you setting the default gravatar for all users on your site. If you wanted to set a gravatar only for yourself you would want to use our guide here: https://www.wpbeginner.com/beginners-guide/what-is-gravatar-and-why-you-should-start-using-it-right-away/
Administrador
Thank you so much
I followed the Gravatar instructions on your link and now anywhere I comment I see my unique Gravatar. Nevertheless, I see it everywhere except on my own site even thought the same email address is associated with it. Any ideas?
Thanks, tons again.
Mari
WPBeginner Support
If you have any caching on your site make sure it is cleared as the most common reason for something like that.
Divine
This page was really helpful. I managed to change the custom image. Thanks
WPBeginner Support
Glad our recommendation could help
Administrador
Lilly
Thank you for this post!! I use All in one SEO and could never get it to work. Your post provided a good map and work around. However I am still getting 12 error msgs? are they possible related?
WPBeginner Support
It would depend on the specific errors. If you reach out to the plugin’s support they should be able to assist.
Administrador
Andreia Esteves
Thank you for this post! But, what if I just want to change my personal avatar without using gravatar?
WPBeginner Support
For just an author on your site, you would want to take a look at our article here: https://www.wpbeginner.com/plugins/how-to-add-an-authors-photo-in-wordpress/
Administrador
Giga
I want an option where the user can upload an image as per their requirements. What should I do for that ?
WPBeginner Support
It would depend on your specific requirements, for a starting point you would want to take a look at: https://www.wpbeginner.com/plugins/how-to-allow-users-to-upload-images-with-comments-in-wordpress/
Administrador
Tommy Roche
Thank you for this.
WPBeginner Support
You’re welcome
Administrador
Mahdi
ty – its worked for me – but now default avatar loded from other site – how i can define that this image loaded from my host?
WPBeginner Support
You’re likely using the Jetpack plugin and using their option to load images from their server. You can go into Jetpack’s settings to disable this function.
Administrador
MAHDI
i don’t have Jetpack plugin – how i can do it? without install new plugin?
WPBeginner Support
If you mean you want your gravatar image to be loaded from your site when it is added to other sites, that is not an option at the moment.
Daniel
Perfect solution, thank you!
WPBeginner Support
You’re welcome
Administrador
Divya S
That was so informative!
Brian
Hey so I have sort of a peculiar yet distinct task that I need help with. My client has a blog on WordPress but then they post their blog to Twitter, next to the article is a gray blank avatar. She had requested that I find a way to put some sort of image in place of this but I am not sure how to go about doing this. I know she uses a Gravatar for the comment section but this instance is a bit different. Any advice on what I can do?
Ryô
Hello, the code works well, but I made some changes to my newly added avatar picture and I still see the first version when I refresh the page.
Looking at the url of the picture it automatically added “http://i2.wp.com/” at the beginning (I don’t have jetpack or any cache plugins).
I guess I can just change the name of my picture and update the code, but is it a way to get ride of wp cache?
Satyam Patle
Wow Thank you sir its helping me for Change custom Avtar
Ana
I have no problem changing the image on my gravatar but I cannot seem to change the words. Even though I select edit and rewrite them, the change doesn’t appear on my wordpress site. What am I doing wrong?
anna
Thanks for the nice explanation, Now I’m clear about setting up my gravatar in WordPress site.
rashmi
this is very useful
Pat
Thank you, thank you, thank you! I’ve looked everywhere on how to change the default avatar and you were the only ones who simple explained it and displayed how! Sometimes finding the answer in the haystack of information can be just mind blowing. You rock!
manoj rai
how set when user comment your post show him/her original profile. please help me. thanks
Joy
Hello, I’ve tried this in my child’s theme function and it just will not work. The image in the discussion settings and on the front-end appear broken. When I right click to view the path it displays:
It affixes the i1.wp.com before the link. Even when I tried to connect directly to the child theme stylesheet directory and pickup from the folder, ‘images/chicken_avatar.png’, it still affixed the i1.wp.com
Any ideas how to fix this? Thank you.
WPBeginner Support
Hey Joy,
We tested it again with a child theme and it worked as expected. We are not sure what may be causing the issue. You can follow the instructions again. Make sure you add the full image URL in the code.
Administrador
Joy
Hmm, not sure what I was doing wrong. I just gave it another go and it works. Thank you!
Andrew
Joy: Mine Via Another WordPress Script, is Going to (i0.wp.com/MySite…). Very Strange. :–)
Andrew
It Still Shows i0.wp.com/MySite Whwn Going to the Image Location, but I Changed the URL Code to (‘/custom-gravatar/mh-profile-photo-default.png’), Instead of ‘example.com/wp-content/uploads/2017/09/mh-profile-photo-default.png’). In Settings > Discussion It Shows My Admin Photo as the Default User Gravatar, but On User Profiles, It Views Properly! :–)
Mayaprakash Pant
Hello.
The code worked perfectly fine for me. But this arises another problem:
Same gravatar appears when everyone else including visitor comments on my blog.
How to solve this?
Gabrielle
Hi, i added and sucesfully saved input(type = url) for each user profile, on ly localhost installation.
I’m trying to change original code from WP Codex wesbsite:
From:
add_filter( ‘avatar_defaults’, ‘new_default_avatar’ );
function new_default_avatar ( $avatar_defaults ) {
//Set the URL where the image file for your avatar is located
$new_avatar_url = get_bloginfo( ‘template_directory’ ) . ‘/images/new_default_avatar.png’;
//Set the text that will appear to the right of your avatar in Settings>>Discussion
$avatar_defaults[$new_avatar_url] = ‘Your New Default Avatar’;
return $avatar_defaults;
}
To something that will replace default avatar url foreach user with value from custom input field(if its not empty), any help?
I know there are plugins that allows subsciribers to upload gravatar images, but i don’t want to allow them doing that, i want to give them a chance to put url to their own images
Manish B
I am not able to show avatars next to comments. I am using Hitchcock WordPress Theme.
Claire Benneth
THANK YOU!
Actually I’ve been looking for this solution for my blog for 3 months!
Thanks again!
Claire xo
Jen Hardy
I have the Gravatar set up in WordPress, but when the e-mail goes out to my followers for my blog, the mystery man is there. Looks really bad at the top of my e-mail. Any suggestions?
Thanks!
Syed Hamza
Here are two folders of images in Cpanel.
1. /public_html/wp-includes/images
2. /public_html/wp-content/themes/divi/images
In which folder where I upload the image.
Manoj
I can’t see my avatar even after setting in comment box but i see it about me.
Manish B
I am facing the same issue.
Michael
I’m looking for a plugin, or SIMPLE code solution that will allow me to create a number of ‘default’ gravatar/avatar images that are color coded based on the member’s gender/orientation. Obvious ones like blue for male, pink for female, but I’ll likely add lavender for transgender and possibly others. Basically, the decision about the ‘default’ avatar that appears for the member (until they upload an image) would at least let people browsing the site know if the person they see posting (or online) is male / female / transgender / etc.. Any ideas?
Me
Is there code to force the default avatar to be blank? I have it set to blank in the WP settings, but it’s still showing up as mystery man. Is there code to either delete mystery man entirely so it’s not even an option. Or to make sure it’s blank and not mystery man? Thanks!
WPBeginner Support
See our guide how to disable gravatars in WordPress.
Administrador
Me
Thanks! I tried that already. When I do that, the avatars also disappear from the author box (I’m using Starbox). I’m at a loss. I’ve even checked my WP tables, and it shows the default avatar is set to blank. I can’t figure out how to get rid of mystery man…
Michael
How would one go about rotating a set of images in that Gravatar thumbnail spot? Meaning: if I had 5 different images, to have them randomly appear for users without Gravatars, so there was a variation of the 5?
Angelica Costa
If anyone is facing issues with child themes, just use:
$myavatar = get_stylesheet_directory_uri().’/img/favicon.png’;
It works.
Mark
This was a life saver!
Julia
Great, thanks!
Gina Smith
Thanks for the information!
Keely
Wow – found this post 2 years after my first post and got it working this time
Thanks WP Beginner
Caroline
Thanks!
chris007
okay i get the whole idea but how you put your personal pciture of you into the gravatar that what i’m trying to figure out..
Thomas
Goto Gravatar website and sign in with WordPress. Then you can upload your avatar and tie it to one or more of your emails.
Alex
Thank you!
Karan Rawat
It works. Thanks Bookmarked your blog!
Chuks Emmanuel
Thank you Syed Balkhi. it really worked for me. just keep the good work going.
Adrian O'Farrell
Hi, just checking what happens next
Simen Eggen
Thank you so much it’s working
Sadia
Thank you so much for these instructions. For some reason, things were wonky when I used a .png file, but a gif worked easy peasy!
Katelyn
I am having the same issue as Keely. I am using a child theme so get_bloginfo does not work. When I check the URL of the broken image it displays the path to the parent theme. Is there a way to get this to work with a child theme?