Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
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+.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

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.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

Un commentaireLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.