Já se deparou com um site que tem formas personalizadas para seus avatares ou gravatares de usuários? Deseja adicionar o mesmo estilo em seu site? No passado, escrevemos sobre como adicionar avatares redondos usando CSS, mas isso requer ajustes no código. Neste artigo, mostraremos como alterar a forma dos avatares de usuário no WordPress sem HTML ou CSS.
Tutorial em vídeo
Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.
A primeira coisa que você precisa fazer é instalar e ativar o plug-in Avatar Shaper.
Depois de ativar o plug-in, você precisa ir para Settings ” Avatar Shaper para definir as configurações.
O plug-in vem com 10 formas integradas que você pode usar para suas imagens de gravatar. Você pode ver uma visualização ao vivo de cada forma clicando no botão Selecionar forma.
O Avatar Shaper vem com as seguintes formas: quadrado curvo, círculo, pentágono, hexágono, nonágono, heptágono, diamante, explosão e avatares em forma de coração.
Você pode personalizar os estilos alterando as configurações de raio, adicionando ou removendo sombra, modificando a cor da sombra e removendo a opção de brilho de cada uma dessas formas predefinidas.
Caso não queira usar nenhuma dessas formas, você sempre poderá clicar em Custom (Personalizar ) e criar sua própria forma personalizada. Ao criar uma forma personalizada, você pode ajustar o raio da borda de acordo com sua preferência.
Se você for um usuário avançado e quiser adicionar manualmente avatares modificados, poderá marcar a caixa de seleção do método personalizado. Ao usar o método personalizado, você pode adicionar manualmente a tag de modelo avatar_shaper()
no tema em que deseja exibir os avatares personalizados. Os iniciantes podem ignorar essa configuração com segurança.
Quando terminar de escolher a forma de seus avatares, pressione o botão salvar alterações para armazenar suas configurações.
Isso é tudo. Agora você pode visitar seu site e ver as formas de avatar em ação.
Esperamos que este artigo o tenha ajudado a alterar a forma dos avatares de usuário no WordPress. Talvez você também queira dar uma olhada neste tutorial sobre como adicionar novos avatares padrão no 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 Google+.
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!