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+.
Tem alguma dúvida ou sugestão? Deixe um comentário para iniciar a discussão.