Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como alterar a forma dos avatares de usuário no WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

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

Subscribe to WPBeginner

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.

Avatar shaper settings

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.

Burst shaped gravatar in comments

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+.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

1 comentárioDeixe uma resposta

  1. Syed Balkhi says

    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!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.