• Passer à la navigation principale
  • Passer au contenu principal
  • Passer à la barre latérale principale
Wpcours

Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
Accueil / wordpress / Comment ajouter et personnaliser des icônes de réseaux sociaux dans WordPress?

Comment ajouter et personnaliser des icônes de réseaux sociaux dans WordPress?

Màj le 28 juin 2020

ShareTweetPinLinkedInEmail

WordPress a une limite pour les développeurs de plugins et de thèmes. Cela permet de ne pas mélanger les fonctions de thème avec les fonctions de plugin. Cela aide beaucoup lorsque vous changez un thème car cela n’affecte que l’apparence et non les fonctions. Cependant, de nombreux thèmes populaires utilisent des icônes de suivi social et de partage dans le cadre des modèles de thème.

Il est également judicieux de ne pas installer de plugin social supplémentaire pour améliorer la vitesse et la confidentialité.

Dernièrement, WordPress a inclus un widget de réseaux sociaux dans le cadre de l’éditeur Gutenberg de la version 5.4. dans cet article, nous explorons comment insérer des icônes de réseaux sociaux dans WordPress.

Icônes de Partage social et icônes de suivi

Les icônes sociales ont deux fonctions – l’une permet aux utilisateurs de partager la page et l’autre permet aux utilisateurs de suivre vos profils sociaux.

Les icônes de suivi sont simples et contiennent une URL de profil statique. Cependant, les icônes de partage nécessitent un script pour inclure l’URL de la page actuelle lorsque l’utilisateur clique dessus pour le partager. Il doit également récupérer l’image et la description en vedette pour créer un widget pour le partage (comme un graphique ouvert dans les cartes Facebook ou Twitter ).

Maintenant, vous connaissez la différence entre les icônes de partage et les icônes suivre . Du point de vue de la convivialité, les icônes de partage doivent être au même endroit sur la mise en page du site, tandis que les icônes de suivi doivent être un widget que l’utilisateur peut insérer où il veut.

Insérer des icônes de réseaux sociaux dans WordPress

WordPress a introduit un widget nommé « Social Icons » dans la version 5.4. Il s’agit d’un simple bloc d’ icônes de suivi social que vous pouvez insérer n’importe où sur votre publication ou page et ajouter les URL de votre profil social.

  • Tout d’abord, assurez-vous de mettre à jour votre version de WordPress vers 5.4 ou version ultérieure et utilisez l’éditeur ou le plugin Gutenberg .
  • Lorsque vous êtes dans l’éditeur Gutenberg, cliquez sur «Ajouter un bloc» + icône.
  • Tapez « social » et trouvez le bloc « Icônes sociales » dans la section « Widgets ».
  • Cliquez sur le bloc «Icônes sociales» pour l’insérer dans votre contenu.

ajouter icones de suivie avec gutenberg editeur

Personnalisation des widgets d’icônes de suivi sociales dans Gutenberg

Par défaut, le bloc «Icônes sociales» affichera quelques icônes avec l’icône WordPress en premier.

Vous pouvez personnaliser les icônes similaires à tous les autres blocs Gutenberg.

personnaliser icones social de getenburg

  • Cliquez sur l’icône pour ajouter le lien de votre profil social pour cette icône.
  • Vous pouvez modifier l’étiquette sur la barre latérale des paramètres « Block ».
  • Vous pouvez ajouter une classe CSS personnalisée sous l’option «Avancé».
  • Déplacez la flèche dans le bloc pour déplacer l’icône sélectionnée vers la gauche ou la droite. De cette façon, vous pouvez ajuster la position des icônes comme vous le souhaitez.

Lorsque vous cliquez en dehors du bloc, seules les icônes avec l’URL seront visibles. Vous pouvez ajouter des icônes supplémentaires en cliquant sur le bouton + dans les blocs d’icônes sociales. Il fonctionne comme un bloc à l’intérieur d’un bloc (comme le bloc de colonnes). Il vous permet également de rechercher l’icône sociale parmi les icônes disponibles.

De plus, vous pouvez également insérer des liens personnalisés à l’aide du bloc « Lien ». Étant donné que chaque icône est un bloc, vous pouvez supprimer les icônes sociales inutilisées du widget. Nous vous recommandons de supprimer les icônes inutilisées pour garder le code backend propre.

Modification de l’affichage

Lorsque vous avez terminé d’ajouter des liens de profil, vous avez la possibilité d’aligner les icônes à gauche, à droite ou au centre. De plus, vous pouvez modifier le style des icônes en choisissant l’une des options disponibles.

styliser les blocks de résaux social partage

Le widget d’icônes sociales actuel a trois styles:

  • Par défaut – icône à l’intérieur d’un cercle entouré
  • Logos uniquement – affiche uniquement le logo de la marque sans remplissage
  • Forme de la pilule

Nous espérons qu’à l’avenir, il y aura plus d’options pour styliser vos icônes.

Réutilisation des icônes sociales

La meilleure chose est que vous pouvez cliquer sur les trois points et inclure les icônes sociales crées dans «Blocs réutilisables».

icones social et block reutilisable

Vous pouvez insérer le bloc d’icônes sociales réutilisable n’importe où sur votre site, sans avoir à le recréer à chaque fois.

Bug dans l’affichage du code HTML

Pour le moment, vous ne pouvez pas obtenir le code HTML du widget social .

Cliquez sur l’icône des paramètres de trois points sur le bloc des icônes sociales et sélectionnez «Modifier en HTML».
Encore une fois, cliquez sur le bouton à trois points et sélectionnez «Modifier visuellement» pour remettre visuellement les icônes.

Malheureusement, le bloc a un bug et vous montrera une erreur de contenu non valide lorsque vous basculez entre les modes HTML et visuel.

Nous ne voyons pas non plus de possibilité de résoudre l’erreur et de ramener le bloc.

Nous espérons que ce bug sera résolu dans les futures versions. Parce que, vous pouvez utiliser le widget HTML dans la barre latérale ou le pied de page si cela fonctionne.

Insertion d’icônes de partage social

WordPress n’a pas d’options par défaut pour insérer des icônes de partage social sur votre site. Si votre thème n’a pas d’icônes de partage intégrées, la seule façon est de rechercher des plugins tiers et vous en avez beaucoup disponible gratuitement ainsi que premium. Si vous souhaitez installer un plugin gratuit, consultez cette liste des meilleurs plugins sociaux gratuits pour trouver celui qui vous convient.

Vous pouvez aussi ajouter des boutons de partage sans plugin .

Comme mentionné, il n’est pas logique d’avoir un bloc de partage social à Gutenberg car il n’est pas pratique d’insérer les icônes sur chaque publication.

Plus de cours et exercices corrigés :

  • Comment optimiser la base de donnée wordpress
  • Les erreurs 404 sous WordPress
  • Comment trouver et supprimer de code malveillants sur votre site WordPress ?
  • Modifier le préfixe de base données pour sécuriser wordpress
  • 14 tâches importantes de maintenance WordPress à effectuer régulièrement
  • Hébergement WordPress : l’hébergeur LWS, vaut-il le coup ?
ShareTweetPinLinkedInEmail

Classé sous :wordpress

Interactions du lecteur

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Barre latérale principale

Articles récents

  • Comment corriger l’échec de publication : impossible de mettre à jour la base de données dans WordPress ?
  • Comment migrer un site web vers HTTPS sans perdre en SEO ?
  • Indexer ou pas les pages de catégories et de balises?
  • Comment réparer le problème de déconnexion WiFi sous Windows 10 ?
  • Comment afficher la barre supérieure dans le thème GeneratePress gratuit ?

© 2025 ·wpcours.com · Mentions · Contact