¿Estás buscando una forma de mostrar el avatar del usuario actualmente conectado en tu tema? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para mostrar el avatar del usuario actualmente conectado con get_avatar en WordPress.
Para ajustar el tamaño del avatar, puedes cambiar el número 64 dentro de la función get_avatar a 96 (valor predeterminado) y el tamaño máximo es 512.
Instrucciones:
Todo lo que tiene que hacer es agregar este código al archivo index.php de su tema:
<?php
global $current_user;
get_currentuserinfo();
echo get_avatar( $current_user->ID, 64 );
?>
Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: los 28 mejores temas de WordPress para negocios para tu sitio web y cómo crear un formulario de registro de usuario personalizado en WordPress.
Hola Kevin,
Gracias por tu excelente trabajo y soporte con PHP.
Busqué en casi todas partes en Internet (excepto en la darknet...) para encontrar una solución para esto.
Quiero implementar tu fragmento de código en mi WordPress – BuddyPress.
Todos los usuarios deberían poder iniciar sesión a través de un botón, que muestre el avatar después de iniciar sesión.
El problema es que quiero mostrarlo a la derecha de mi barra superior, pero no sé cómo debería ser el HTML.
Estoy familiarizado con CSS y muy poco con HTML.
Gracias hasta ahora.
Quiero un código corto para mostrar el avatar del usuario que ha iniciado sesión actualmente.
¿Qué necesito agregar a [show_avatar]?
¿Cómo se puede mostrar el código en un shortcode, por favor? Quiero mostrarlo en una columna en el frontend.
¡Muchas gracias, excelente solución!
Kevin, eres GENIAL, encantador. Muchas gracias.
Kevin, una cosa más es que incluso después de cerrar sesión, se ve la imagen predeterminada en lugar de ninguna imagen. ¿Hay alguna solución? Por cierto, estoy usando la navegación.
¿Se puede hacer que funcione también como un menú desplegable?
Kevin, eres GENIAL, encantador. Muchas gracias.
disculpa de antemano mi falta de conocimiento con wordpress. coloqué el fragmento de código en el archivo de mi tema hijo (plantilla principal de índice – index.php). ¿cómo podría llamar o agregar el avatar a un widget de barra lateral? disculpa de nuevo y gracias por tu tiempo.
¿algún plugin de wordpress para mostrar el nombre + avatar de los usuarios conectados en la barra superior?
¡Gracias por esto!
¿Hay alguna forma de que el nombre de los usuarios también aparezca a la izquierda?
¡También sería genial si hicieras una publicación sobre cómo mostrar los tres elementos principales para los usuarios conectados: avatar, nombre de usuario x campo de perfil, imagen de portada y quizás número de amigos/seguidores!
Créeme, he buscado por todas partes publicaciones sobre esto y no encuentro nada en todo internet.
¡Gracias!
Hola James,
WordPress no tiene "número de amigos/seguidores", ¿estás usando BuddyPress?
global $current_user; get_currentuserinfo(); echo get_avatar( $current_user->ID, 64 ); echo ‘Nombre de usuario: ‘ . $current_user->user_login . “n”; echo ‘Correo electrónico del usuario: ‘ . $current_user->user_email . “n”; echo ‘Nivel de usuario: ‘ . $current_user->user_level . “n”; echo ‘Nombre del usuario: ‘ . $current_user->user_firstname . “n”; echo ‘Apellido del usuario: ‘ . $current_user->user_lastname . “n”; echo ‘Nombre a mostrar del usuario: ‘ . $current_user->display_name . “n”; echo ‘ID de usuario: ‘ . $current_user->ID . “n”;
Lo siguiente obtendrá todos los valores del usuario actual, luego solo tendrá que escribir algo de HTML y CSS para mostrar las cosas como le gustaría, por ejemplo:
user_firstname . “n”; ?>
y así sucesivamente dentro de tu plantilla.
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡
no hay problema, cuando quieras.
Hola expertos,
Me preguntaba si alguien sabe cómo colocar un nombre de usuario de inicio de sesión y mostrar el avatar del usuario en la barra de menú superior, como la barra de administración de WordPress.
Estoy usando el tema jarida
Gracias
Esta podría ser una pregunta tonta, pero ¿dónde agrego este fragmento?
Deberías poder colocar esto en casi cualquier lugar de una plantilla.
¿y si quiero mostrarlo para un usuario que no ha iniciado sesión?
genial, muchas gracias….
¡salvaste otra vida, gracias!
¡¡MUCHÍSIMAS GRACIAS!! ¡¡ME SALVASTE !!!! 😀 ¡¡REALMENTE AYUDÓ!!
quiero tu código… por favor
¿recibiste mi último mensaje!?
Publicaré un fragmento mañana con el avatar del autor solo para ti. Esto debería resolver tus problemas.
¡brillante! ¡eres una estrella, amigo!
¡muchas gracias, he estado buscando un fragmento de código para usar con el plugin de caja de autor… ¡gracias de nuevo!
¡De nada, disfruta del fragmento!
¿sabes qué… me acabo de dar cuenta de que si cierro sesión, el avatar desaparece!! 🙁 ¿cómo lo mantengo siempre en su lugar? ¡¡actualmente estoy usando el fragmento para mostrar un avatar de perfil de Facebook con un plugin de "acerca del autor"!? ¡gracias!
Este fragmento muestra el avatar del usuario conectado, por lo que no mostrará nada cuando no hayas iniciado sesión. Si puedes decirme qué quieres hacer, tal vez pueda ayudarte.
¡Hola!
Tengo un problema, cuando respondo a un comentario, el avatar desaparece… ¿sabes cómo resolverlo?
este fragmento solo muestra el avatar actual del usuario conectado. Si quieres mostrar avatares de otros usuarios, necesitas usar otro método.
el avatar desaparece cuando intento responder a un comentario… el fragmento no funciona cuando intento responder.
¿Tienes esto en línea para que pueda echarle un vistazo? Usa el formulario de contacto para enviar el enlace por correo electrónico. http://wpsnipp.com/contact/
problema resuelto, cuando presiono responder, el avatar toma el estilo CSS predeterminado
.commentlist .avatar { left: 0; position: absolute; top: 11px; }
esto hizo el truco
#respond .comment-icon .avatar { left: 0; top: 0;}gracias de todos modos.
Gracias por el código PHP….
¡De nada, me alegra haber podido ayudar!