X

Cómo mostrar el avatar del usuario actualmente conectado con get_avatar

Snippets by IsItWP

¿Estás buscando una forma de mostrar el avatar de los usuarios que han iniciado sesión en tu tema? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que puede utilizar para mostrar el avatar para el usuario actualmente conectado con get_avatar en WordPress.

Para ajustar el tamaño del avatar, puede cambiar el número 64 dentro de la función get_avatar por defecto que es 96 y el tamaño máximo es 512.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo index.php de tu tema:

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

Nota: Si es la primera vez que añades fragmentos de código en WordPress, consulta nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente tu sitio.

Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 28 mejores temas de negocios de WordPress para su sitio web y cómo crear un formulario de registro de usuario personalizado en WordPress.

Comentarios   Deja una respuesta

  1. Hello Kevin,
    thanks for your great php-work and support.

    I searched nearly everywhere on the internet (but darknet…), to find a solution for this.

    I want to implement your code snippet into my wordpress – buddypress.
    All users should be able to login via a button, which shows the avatar after login.

    The Problem is, I want to show it up in the right of my topbar, but I don’t know, what the html should look like.
    I am familiar with css and very little to html.

    Thank you so far.

  2. I want a short code to display the avatar for the current login user.

    What do I need to add to [show_avatar]

  3. How can one Output the code in a shortcode please… I want display it in a colomn on the frontend

  4. thank you so much, great solution!

  5. Kevin ur GREAT lovely Thanks very much

    1. Kevin one more thing is that even after logged-out default image is seen instead of no image is there any solution by the way iam using in navigation
      can that be made to work also as drop down menu

  6. Kevin ur GREAT lovely Thanks very much

  7. sorry in advance for my lack of knowledge with wordpress. i placed the piece of code in my child theme (main index template – index.php) file. how would i call up or add the avatar to a sidebar widget? sorry again and thank you for your time.

  8. Sara Ben Chamkha octubre 25, 2016 en 6:48 am

    any wordpress plugin to show name + avatar of logged in users in topbar ?

  9. Thanks for this!

    Is there a way to have the users name also show up to the left as well?

    Would also be so cool if you did a post on how to show all three main elements for logged in users avatar, username x profile field, cover image and maybe friend/ follower number!

    Believe me i have searched high and low for posts on this and cannot find anywhere eon entire internet.

    thanks!

    1. Hi James,
      WordPress does not have “friend/ follower number” are you using BuddyPress ?

      global $current_user;
      get_currentuserinfo();
      echo get_avatar( $current_user->ID, 64 );
      echo ‘Username: ‘ . $current_user->user_login . “n”;
      echo ‘User email: ‘ . $current_user->user_email . “n”;
      echo ‘User level: ‘ . $current_user->user_level . “n”;
      echo ‘User first name: ‘ . $current_user->user_firstname . “n”;
      echo ‘User last name: ‘ . $current_user->user_lastname . “n”;
      echo ‘User display name: ‘ . $current_user->display_name . “n”;
      echo ‘User ID: ‘ . $current_user->ID . “n”;

      The following will get all the values from the current user then you just have to write some HTML, CSS to display things the way you would like e.g.:

      user_firstname . “n”; ?>

      and so on within your template.

      1. Thank you this is so useful!!!!!! 🙂

        1. no problem anytime.

  10. Hello experts,
    I was just wondering if anyone knows how to place a login user name and disply user avatar on the top menu bar as like wordpress admin bar?

    I’m using jarida theme

    Thanks

  11. This might be a stupid question but where do I add this snippet?

    1. You should be able to place this almost anyplace in a template.

  12. what if i want to show it for non login user?

  13. nice, thank u so much….

  14. you saved another life thank you!

  15. THANK YOU SOOOOO MUCH!! YOU SAVED ME !!!! 😀 IT REALLY HELPED!!

  16. Lakhiprasadbora febrero 7, 2012 en 11:31 pm

    i want ur code…pls

  17. did you get my last message!?

    1. I’m going to post a snippet tomorrow with the author avatar just for you. This should solve your problems.

      1. brillaint! – ur a star mate!

  18. thanks so much ive been looking for a bit of code to use with the author box plugin …… thanks again!

    1. No problem enjoy the snippet!

      1. u know what … i just realised that if i log out that the avatar disappears!! 🙁 how do i keep it inplace constantly – im currently using the snippet to display a facebook profile avatar with a about author plugin!? cheers

        1. This snippet shows the avatar of the logged in user so it will not display anything when your not logged in. If you can let me know what you want to do I may be able to help.

  19. Hello!

    I have a problem, when reply a comment the avatar disappers…do you know how to solve this?

    1. this snippet just shows the current avatar of the logged in user only. If you want to display other users avatars you need to use another method.

      1. the avatar disappers when I try to reply a comment … the snippet not working when try to reply.

        1. Do you have this online so I can take a look ? use the contact form to email the link. http://wpsnipp.com/contact/

        2. problem solved , when hit reply the avatar take the default css style

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

          this did the trik

          #respond .comment-icon .avatar {    left: 0;    top: 0;}thanks anyways.

  20. Thanks for the php coding….

    1. No problem glad that I could help out!

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!