Voulez-vous afficher des images gravatar rondes sur votre site WordPress ? Les gravatars sont des avatars mondialement reconnus utilisés dans la section des commentaires de WordPress (Site code de la route). Par défaut, les Gravatars sont de forme carrée mais peuvent être modifiés en forme ronde. Cargo site promo code. La forme ronde est obtenue en contrôlant le rayon de la bordure de tous les Gravatars.
La modification de la bordure permet d’arrondir les coins carrés en les remplissant. En théorie, vous pouvez créer n’importe quelle forme si vous êtes suffisamment créatif avec le style CSS de WordPress. Site code. Les Gravatars sont très faciles à mettre en place et devraient être l’une des premières choses installées sur un nouveau site web.
Aujourd’hui, je vais vous montrer comment afficher des images gravatar rondes dans WordPress en utilisant le style CSS.
Pourquoi arrondir les images Gravatar ?
Il n’y a pas de réponse correcte ou de raison particulière pour arrondir les images Gravatars dans WordPress : Site code couleur. Et c’est parce qu’il s’agit simplement d’un choix de conception.
Cela n’aura pas d’impact sur un autre aspect de votre site web que l’esthétique.
Cela dépend des préférences du développeur web et peut également être basé sur les commentaires de la communauté. Comme de nombreux choix de conception, il s’agit simplement d’un choix qui est fait et qui peut être modifié à tout moment.
Les gravatars offrent de nombreuses possibilités de personnalisation, à condition d’être créatif. Le problème est qu’elles ne sont pas très simples ou intuitives pour les débutants. Site code en ligne. En fait, rien n’indique qu’il soit possible de les personnaliser.
On pourrait penser qu’une fonctionnalité aussi populaire que Gravatars dispose d’une page de configuration facile à utiliser, mais c’est faux : (Site code fortnite). La plupart des aspects de Gravatars doivent être modifiés par le biais d’une modification du style et du code.
Bien entendu, leur popularité n’en a jamais été diminuée pour autant.
Comment afficher les images rondes de Gravatar dans WordPress
Le style CSS vous permet de personnaliser pratiquement tous les aspects de votre site web. Site code moto. Il est facile d’ajouter du code CSS à WordPress et c’est l’une des compétences les plus importantes qu’un développeur web puisse avoir sur la plateforme.
Si WordPress vous permet de créer un site web fonctionnel sans avoir à écrire une seule ligne de code, il en va tout autrement de la création d’un site élégant. La présentation visuelle d’un thème n’a qu’une portée limitée et, pour de nombreux sites web, elle n’est pas suffisante. Il faut donc personnaliser le thème.
Sinon, tous les sites web utilisant le même thème seraient identiques.
Le CSS est utilisé pour modifier la conception des objets qui apparaissent sur votre site web. Ce que vous pouvez faire avec CSS est limité à la façon dont votre thème est codé : (Site code neph). Certains thèmes peuvent offrir de meilleures options de style que d’autres.
Étape 1 : Localiser la zone CSS supplémentaire
L’ajout d’une feuille de style CSS personnalisée à WordPress est un processus extrêmement rapide. Dans le panneau d’administration de gauche, cliquez sur Apparence et sélectionnez l’option Personnaliser.
Sélectionnez l’option Additional CSS en bas à gauche.
Ici, vous pouvez ajouter des feuilles de style CSS personnalisées à votre site Web WordPress : Site code promo. Si vous insérez du code qui pourrait endommager votre site web, vous serez averti et vous ne serez pas autorisé à publier le code, mais gardez à l’esprit que certaines erreurs peuvent passer inaperçues et causer des problèmes.
Cela dit, il est extrêmement rare que des problèmes surviennent.
Étape 2 : Ajouter un CSS personnalisé
Copiez et collez le code suivant dans la zone de texte disponible. Vous remarquerez peut-être qu’il est écrit avatar au lieu de gravatar, mais les deux seront modifiés :
.avatar {border-radius : 50% ;-moz-border-radius : 50% ;-webkit-border-radius : 50% ;}
N’hésitez pas à modifier ce code à votre guise : Site code promo automatique. Le CSS est très facile à manipuler, pour autant que vous compreniez le langage. Site code promo et bon plan. Et le plus intéressant, c’est que vous pouvez voir les modifications en temps réel. Vous pouvez ainsi vous assurer que tout est correct avant la mise en ligne.
Cliquez sur le bouton « Publier » lorsque vous avez terminé.
Vous pouvez maintenant visiter votre site web et voir les changements apportés à vos Gravatars. Site code promo etudiant. N’hésitez pas à jouer avec le code pour créer d’autres formes.
Félicitations, vous avez réussi à modifier la forme de votre gravatar dans WordPress. Vous pouvez effectuer de nombreuses petites modifications esthétiques sur votre site Web avec CSS, alors n’hésitez pas à les essayer.
Remarque : si cette méthode n’a pas l’effet escompté, c’est que votre thème est en cause (Site code promo fiable). Vous devrez probablement ajouter du code aux fichiers de votre thème pour que cela fonctionne. Ce que vous devez ajouter est différent pour chaque thème. C’est peut-être le moment d’installer un nouveau thème mieux codé.
Que faire si je veux juste que l’image de l’auteur soit arrondie ?
La solution ci-dessus est une solution universelle, mais certains sites web peuvent vouloir que des images spécifiques, comme celle de l’auteur, soient arrondies. Dans ce cas, vous pouvez y parvenir avec CSS en désignant un rôle d’utilisateur spécifique, mais le code peut s’avérer délicat.
La solution la plus simple consiste à utiliser un plugin et j’ai trouvé celui qui convient parfaitement.
Profil de l’utilisateur
Le plugin User Profile Pictures concerne les profils d’utilisateurs. Il ajoute une variété de fonctionnalités que les utilisateurs peuvent utiliser. Site code promo influenceur. Chaque rôle d’utilisateur dispose d’options différentes et l’administrateur du site peut ajouter ou supprimer des fonctionnalités pour des rôles spécifiques.
Lors de la création ou de la modification de biographies d’auteurs existantes au bas des articles, vous pouvez changer l’image pour une bordure arrondie. Le plugin est un excellent ajout et peut donner aux utilisateurs plus d’options de personnalisation en général.
Note : Ce plugin n’arrondira pas les images Gravatar de l’auteur dans la section des commentaires de WordPress.
Attention au changement de thème
Si c’est la première fois que vous ajoutez des feuilles de style CSS personnalisées à votre site Web, vous ne savez peut-être pas que la zone CSS supplémentaire est spécifique à un thème.
Cela signifie que si vous changez de thème, le code que vous avez ajouté ne fonctionnera plus ou n’apparaîtra plus. L’exemple ci-dessus est générique et fonctionne sur la plupart des thèmes modernes. Site code promo licorne. Cependant, vous devrez l’ajouter à nouveau à votre nouveau thème si vous changez de thème.
Dans de nombreux cas, certaines feuilles de style CSS ne fonctionneront pas sur d’autres thèmes parce qu’elles font appel à des éléments qui n’existent peut-être pas ou qui portent un nom différent : Site code rousseau. Dans ce cas, vous devrez étudier votre nouveau thème et découvrir le nom correct des éléments.
Une bonne façon de procéder consiste à utiliser les outils d’inspection de votre navigateur web. Site nike code promo. Ceux-ci peuvent vous aider à identifier tous les noms d’éléments utilisés sur une page.
Sinon, vous devrez parcourir tout le code du back-end de votre site web.
La conception de votre site Web dépend de vous
Il existe d’innombrables guides de conception de sites web, mais aucun n’est parfait. Les choix en matière de conception de sites web sont entièrement du ressort des développeurs web, mais vous devriez toujours écouter les commentaires de vos visiteurs.
Vous êtes celui qui crée, tandis qu’ils sont ceux qui expérimentent et parfois l’expérience n’est pas amusante. C’est pourquoi des améliorations doivent être apportées régulièrement.
Tout site web, petit ou grand, sera remanié à un moment ou à un autre. Site partage code promo. Certains sites réussiront dès le départ, d’autres non, et ce n’est pas grave. Ce qui est important, c’est d’y remédier et de tenir compte des commentaires le plus rapidement possible.
Un site web ou une entreprise qui n’écoute pas les critiques et ne tient pas compte des commentaires ne durera pas longtemps.
Pourquoi vouliez-vous des images rondes de Gravatars sur votre site WordPress ? Y a-t-il d’autres formes que vous aimeriez utiliser ?
