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
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.
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.
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+.
Vous avez une question ou une suggestion ? Laissez un commentaire pour lancer la discussion.