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

Comment modifier la forme des avatars des utilisateurs/utilisatrices dans WordPress

Vous êtes déjà tombé sur un site qui a des formes personnalisées pour les avatars ou les gravatars de ses clients/clientes ? Vous voulez ajouter le même style sur votre site ? Dans le passé, nous avons écrit sur la façon d’ajouter des avatars ronds à l’aide de CSS, mais cela nécessite de modifier le code. Dans cet article, nous allons vous afficher comment modifier la forme des avatars des utilisateurs dans WordPress sans aucun HTML ou CSS.

Tutoriel vidéo

Subscribe to WPBeginner

Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, alors continuez à lire.

La première chose à faire est d’installer et d’activer l’extension Avatar Shaper.

Une fois que vous avez activé l’extension, vous devez aller dans Réglages ” Avatar Shaper pour configurer les paramètres.

Avatar shaper settings

L’extension est livrée avec 10 formes intégrées que vous pouvez utiliser pour vos images gravatar. Vous pouvez voir une Prévisualisation directe de chaque forme en cliquant sur le bouton sélectionner la forme.

Avatar shaper est livré avec les formes suivantes : carré incurvé, cercle, pentagone, hexagone, nonagone, heptagone, diamant, éclat, et avatars en forme de cœur.

Vous pouvez personnaliser les styles en modifiant les réglages du rayon, en ajoutant ou en retirant l’ombre, en modifiant la couleur de l’ombre, et en retirant l’optin de brillance de chacune de ces formes prédéfinies.

Si vous ne souhaitez pas utiliser l’une de ces formes, vous pouvez toujours cliquer sur Outil de personnalisation et créer votre propre forme personnalisée. Lorsque vous créez une forme personnalisée, vous pouvez ajuster le rayon-radius de la bordure à votre convenance.

Si vous êtes un utilisateur avancé et que vous souhaitez ajouter manuellement des avatars modifiés, vous pouvez cocher la case de la méthode personnalisée. L’utilisation de la méthode personnalisée vous permet d’ajouter manuellement le marqueur modèle avatar_shaper() dans votre thème à l’endroit où vous souhaitez afficher les avatars personnalisés. Les Réglages peuvent ignorer ce Réglage.

Une fois que vous avez choisi la forme de vos avatars, vous pouvez cliquer sur le bouton Enregistrer les modifications pour stocker vos Réglages.

C’est tout. Vous pouvez maintenant visiter votre site et voir les formes d’avatars en action.

Burst shaped gravatar in comments

Nous espérons que cet article vous a aidé à modifier la forme des avatars des utilisateurs/utilisatrices dans WordPress. Vous pouvez également consulter ce tutoriel sur la façon d’ajouter de nouveaux avatars par défaut dans WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Google+.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.