X

Como Exibir Avatar do Usuário Logado Atualmente com get_avatar

Snippets por IsItWP

Você está procurando uma maneira de exibir o avatar dos usuários atualmente logados em seu tema? Embora provavelmente exista um plugin para isso, criamos um snippet de código rápido que você pode usar para exibir o avatar do usuário atualmente logado com get_avatar no WordPress.

Para ajustar o tamanho do avatar, você pode alterar o número 64 dentro da função get_avatar para o padrão que é 96 e o tamanho máximo é 512.

Instruções:

Tudo o que você precisa fazer é adicionar este código ao arquivo index.php do seu tema:

 <?php
        global $current_user;
        get_currentuserinfo();     
        echo get_avatar( $current_user->ID, 64 );
 ?>

Observação: Se esta é a sua primeira vez adicionando snippets de código no WordPress, consulte nosso guia sobre como adicionar snippets de código corretamente no WordPress, para não quebrar acidentalmente seu site.

Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 28 melhores temas de negócios WordPress para o seu site e como criar um formulário de registro de usuário personalizado no WordPress.

Comentários   Deixe uma resposta

  1. Olá Kevin,
    obrigado pelo seu ótimo trabalho e suporte em php.

    Pesquisei em quase todos os lugares na internet (exceto na darknet...), para encontrar uma solução para isso.

    Quero implementar seu trecho de código no meu wordpress – buddypress.
    Todos os usuários devem poder fazer login através de um botão, que mostra o avatar após o login.

    O problema é que quero mostrá-lo à direita da minha barra superior, mas não sei como o html deve ser.
    Tenho familiaridade com css e muito pouco com html.

    Obrigado até agora.

  2. Quero um shortcode para exibir o avatar do usuário logado atualmente.

    O que preciso adicionar a [show_avatar]

  3. Como posso exibir o código em um shortcode, por favor… Quero exibi-lo em uma coluna no frontend.

  4. muito obrigado, ótima solução!

  5. Kevin você é ÓTIMO, adorável, muito obrigado

    1. Kevin, mais uma coisa é que mesmo após o logout a imagem padrão é vista em vez de nenhuma imagem, há alguma solução? Aliás, estou usando na navegação.
      Isso também pode ser feito para funcionar como um menu suspenso?

  6. Kevin você é ÓTIMO, adorável, muito obrigado

  7. desculpe antecipadamente pela minha falta de conhecimento com o wordpress. coloquei o trecho de código no meu tema filho (template principal do índice – index.php). como eu chamaria ou adicionaria o avatar a um widget de barra lateral? desculpe novamente e obrigado pelo seu tempo.

  8. Sara Ben Chamkha October 25, 2016 at 6:48 am

    algum plugin do wordpress para mostrar nome + avatar de usuários logados na barra superior?

  9. Obrigado por isso!

    Existe uma maneira de ter o nome do usuário também aparecer à esquerda?

    Seria muito legal se você fizesse um post sobre como mostrar os três elementos principais para usuários logados: avatar, nome de usuário x campo de perfil, imagem de capa e talvez número de amigos/seguidores!

    Acredite em mim, procurei em todos os lugares por posts sobre isso e não encontrei em lugar nenhum na internet inteira.

    obrigado!

    1. Olá James,
      O WordPress não tem "número de amigos/seguidores", você está usando o BuddyPress?

      global $current_user; get_currentuserinfo(); echo get_avatar( $current_user->ID, 64 ); echo ‘Nome de usuário: ‘ . $current_user->user_login . “n”; echo ‘E-mail do usuário: ‘ . $current_user->user_email . “n”; echo ‘Nível do usuário: ‘ . $current_user->user_level . “n”; echo ‘Primeiro nome do usuário: ‘ . $current_user->user_firstname . “n”; echo ‘Sobrenome do usuário: ‘ . $current_user->user_lastname . “n”; echo ‘Nome de exibição do usuário: ‘ . $current_user->display_name . “n”; echo ‘ID do usuário: ‘ . $current_user->ID . “n”;

      O seguinte obterá todos os valores do usuário atual, então você só precisa escrever algum HTML, CSS para exibir as coisas da maneira que desejar, por exemplo:

      user_firstname . “n”; ?>

      e assim por diante dentro do seu template.

      1. Obrigado, isso é tão útil!!!!!! 🙂

        1. de nada, a qualquer hora.

  10. Olá especialistas,
    Eu estava apenas me perguntando se alguém sabe como colocar um nome de usuário de login e exibir o avatar do usuário na barra de menu superior, como na barra de administração do WordPress?

    Estou usando o tema jarida

    Obrigado

  11. Esta pode ser uma pergunta boba, mas onde eu adiciono este trecho de código?

    1. Você deve ser capaz de colocar isso em quase qualquer lugar em um template.

  12. e se eu quiser mostrá-lo para usuários não logados?

  13. legal, muito obrigado....

  14. você salvou outra vida, obrigado!

  15. MUITO OBRIGADO!! VOCÊ ME SALVOU !!!! 😀 REALMENTE AJUDOU!!

  16. eu quero seu código... por favor

  17. você recebeu minha última mensagem!?

    1. Vou postar um trecho amanhã com o avatar do autor só para você. Isso deve resolver seus problemas.

      1. brilhante! – você é uma estrela, amigo!

  18. muito obrigado, eu estava procurando um trecho de código para usar com o plugin de caixa de autor... obrigado novamente!

    1. Sem problemas, aproveite o trecho!

      1. você sabe o quê... eu acabei de perceber que se eu sair, o avatar desaparece!! 🙁 como faço para mantê-lo no lugar constantemente – estou usando o trecho para exibir um avatar de perfil do facebook com um plugin de sobre o autor!? obrigado

        1. Este trecho mostra o avatar do usuário logado, então ele não exibirá nada quando você não estiver logado. Se você puder me dizer o que quer fazer, posso ajudar.

  19. Olá!

    Tenho um problema, quando respondo a um comentário o avatar desaparece... você sabe como resolver isso?

    1. este trecho apenas mostra o avatar atual do usuário logado. Se você quiser exibir avatares de outros usuários, você precisa usar outro método.

      1. o avatar desaparece quando tento responder a um comentário... o trecho não funciona ao tentar responder.

        1. Você tem isso online para que eu possa dar uma olhada? Use o formulário de contato para enviar o link. http://wpsnipp.com/contact/

        2. problema resolvido, quando clico em responder o avatar assume o estilo CSS padrão

          .commentlist .avatar { left: 0; position: absolute; top: 11px; }

          isso resolveu

          #respond .comment-icon .avatar {    left: 0;    top: 0;}obrigado de qualquer forma.

  20. Obrigado pelo código PHP....

    1. Sem problemas, fico feliz em ter ajudado!

Adicionar um comentário

Ficamos felizes que você tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!