Vous cherchez un moyen d'afficher l'avatar de l'utilisateur actuellement connecté dans votre thème ? Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour afficher l'avatar de l'utilisateur actuellement connecté avec get_avatar dans WordPress.
Pour ajuster la taille de l'avatar, vous pouvez changer le nombre 64 dans la fonction get_avatar par défaut, qui est 96, et la taille maximale est de 512.
Instructions :
Tout ce que vous avez à faire est d'ajouter ce code au fichier index.php de votre thème :
<?php
global $current_user;
get_currentuserinfo();
echo get_avatar( $current_user->ID, 64 );
?>
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière d'ajouter correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.
Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 28 meilleurs thèmes WordPress pour votre entreprise et comment créer un formulaire d'inscription personnalisé dans WordPress.
Bonjour Kevin,
merci pour votre excellent travail et votre soutien en PHP.
J'ai cherché presque partout sur Internet (sauf le darknet...), pour trouver une solution à cela.
Je veux implémenter votre extrait de code dans mon WordPress – BuddyPress.
Tous les utilisateurs devraient pouvoir se connecter via un bouton, qui affiche l'avatar après la connexion.
Le problème est que je veux l'afficher à droite de ma barre supérieure, mais je ne sais pas à quoi le HTML devrait ressembler.
Je connais bien le CSS et très peu le HTML.
Merci d'avance.
Je veux un shortcode pour afficher l'avatar de l'utilisateur actuellement connecté.
Qu'est-ce que je dois ajouter à [show_avatar]
Comment peut-on afficher le code dans un shortcode s'il vous plaît... Je veux l'afficher dans une colonne sur le frontend.
Merci beaucoup, excellente solution !
Kevin tu es GÉNIAL, merci beaucoup.
Kevin, une autre chose est que même après la déconnexion, l'image par défaut est vue au lieu d'aucune image. Y a-t-il une solution ? Au fait, j'utilise dans la navigation.
Cela peut-il également fonctionner comme un menu déroulant ?
Kevin tu es GÉNIAL, merci beaucoup.
désolé d'avance pour mon manque de connaissances avec wordpress. j'ai placé le morceau de code dans mon thème enfant (modèle d'index principal – index.php) fichier. comment puis-je appeler ou ajouter l'avatar à un widget de barre latérale ? désolé encore et merci pour votre temps.
un plugin wordpress pour afficher le nom + avatar des utilisateurs connectés dans la barre supérieure ?
Merci pour cela !
Y a-t-il un moyen d'afficher également le nom des utilisateurs à gauche ?
Ce serait aussi génial si vous faisiez un article sur la façon d'afficher les trois éléments principaux pour les utilisateurs connectés : avatar, nom d'utilisateur x champ de profil, image de couverture et peut-être le nombre d'amis/abonnés !
Croyez-moi, j'ai cherché partout pour des articles à ce sujet et je ne trouve nulle part sur tout internet.
merci !
Salut James,
WordPress n’a pas de « nombre d’amis/abonnés », utilisez-vous BuddyPress ?
global $current_user;
get_currentuserinfo();
echo get_avatar( $current_user->ID, 64 );
echo ‘Nom d’utilisateur : ‘ . $current_user->user_login . “n”;
echo ‘Email de l’utilisateur : ‘ . $current_user->user_email . “n”;
echo ‘Niveau utilisateur : ‘ . $current_user->user_level . “n”;
echo ‘Prénom de l’utilisateur : ‘ . $current_user->user_firstname . “n”;
echo ‘Nom de famille de l’utilisateur : ‘ . $current_user->user_lastname . “n”;
echo ‘Nom d’affichage de l’utilisateur : ‘ . $current_user->display_name . “n”;
echo ‘ID utilisateur : ‘ . $current_user->ID . “n”;
Ce qui suit obtiendra toutes les valeurs de l'utilisateur actuel, puis vous devrez simplement écrire du HTML, du CSS pour afficher les choses comme vous le souhaitez, par exemple :
user_firstname . “n”; ?>
et ainsi de suite dans votre modèle.
Merci, c'est tellement utile!!!!!! 🙂
pas de problème, à tout moment.
Bonjour experts,
Je me demandais si quelqu'un savait comment placer un nom d'utilisateur de connexion et afficher l'avatar de l'utilisateur sur la barre de menu supérieure, comme la barre d'administration de WordPress ?
J'utilise le thème jarida
Merci
C'est peut-être une question stupide, mais où dois-je ajouter ce fragment de code ?
Vous devriez pouvoir placer cela presque n'importe où dans un modèle.
et si je veux l'afficher pour un utilisateur non connecté ?
sympa, merci beaucoup….
vous avez sauvé une autre vie, merci !
MERCI BEAUCOUP !! VOUS M'AVEZ SAUVÉ !!!! 😀 ÇA M'A BEAUCOUP AIDÉ !!
je veux ton code… svp
as-tu reçu mon dernier message !?
Je vais poster un extrait demain avec l'avatar de l'auteur juste pour vous. Cela devrait résoudre vos problèmes.
génial ! – tu es une star, mec !
merci beaucoup, je cherchais un bout de code à utiliser avec le plugin de boîte d'auteur…… merci encore !
Pas de problème, profitez de l'extrait !
tu sais quoi… je viens de réaliser que si je me déconnecte, l'avatar disparaît !! 🙁 comment puis-je le garder en place constamment – j'utilise actuellement l'extrait pour afficher un avatar de profil facebook avec un plugin 'à propos de l'auteur' !? merci
Cet extrait affiche l'avatar de l'utilisateur connecté, il n'affichera donc rien lorsque vous ne serez pas connecté. Si vous pouvez me faire savoir ce que vous voulez faire, je pourrai peut-être vous aider.
Bonjour !
J'ai un problème, lorsque je réponds à un commentaire, l'avatar disparaît… savez-vous comment résoudre cela ?
cet extrait affiche uniquement l'avatar actuel de l'utilisateur connecté. Si vous souhaitez afficher les avatars d'autres utilisateurs, vous devez utiliser une autre méthode.
l'avatar disparaît lorsque j'essaie de répondre à un commentaire… l'extrait ne fonctionne pas lorsque j'essaie de répondre.
Avez-vous cela en ligne pour que je puisse jeter un œil ? utilisez le formulaire de contact pour envoyer le lien par e-mail. http://wpsnipp.com/contact/
problème résolu, lorsque j'appuie sur répondre, l'avatar prend le style CSS par défaut
.commentlist .avatar { left: 0; position: absolute; top: 11px; }
ça a fait l'affaire
#respond .comment-icon .avatar { left: 0; top: 0;}merci quand même.
Merci pour le code php….
Pas de problème, content d'avoir pu aider !