Vous souhaitez ajouter des icônes de réseaux sociaux à votre site WordPress ? Avec les bons outils, vous pouvez placer des boutons de suivi dans votre en-tête, pied de page, barre latérale ou pages de destination, même pour les plateformes plus récentes comme Threads, Mastodon ou Bluesky.
Ce guide vous présente trois méthodes simples, y compris ma méthode préférée avec SeedProd, afin que les visiteurs puissent vous trouver et vous suivre partout où vous êtes actif en ligne.
Pourquoi ajouter des icônes de réseaux sociaux à votre site WordPress ?
Les icônes de réseaux sociaux permettent aux visiteurs de vous suivre facilement sur d'autres plateformes. Les gens passant en moyenne 2 heures et 21 minutes par jour sur les réseaux sociaux, l'ajout d'icônes vous aide à les atteindre là où ils sont déjà actifs.
De plus, les icônes de réseaux sociaux sont petites, ce qui vous permet de les afficher dans de nombreuses parties de votre site Web, notamment :
- Menus WordPress
- En-têtes WordPress
- Pieds de page WordPress
- Zones de widgets WordPress
- Pages/articles WordPress
- Produits WooCommerce
Voici une capture d'écran de la façon dont WPBeginner affiche les liens des réseaux sociaux dans sa barre latérale WordPress.
Lorsque vous ajoutez des icônes de réseaux sociaux à votre site, il est utile de se rappeler que les boutons de suivi des réseaux sociaux sont différents des boutons de partage social ou des icônes de partage social. Au lieu de demander aux utilisateurs de partager du contenu, ils encouragent les visiteurs à suivre vos profils de réseaux sociaux.
Comment ajouter des icônes de réseaux sociaux à WordPress : 3 méthodes
J'utilise SeedProd sur ce site, c'est donc ma solution de prédilection. Mais la bonne méthode dépend de votre configuration :
| Votre configuration | Meilleure méthode |
|---|---|
| Thème de blocs (Twenty Twenty-Four, Kadence, Blocksy) | Méthode 2 : Bloc d'icônes sociales WordPress |
| Thème classique (Astra, GeneratePress, Divi, OceanWP) | Méthode 3 : Widgets |
| Vous souhaitez des marques d'icônes personnalisées ou un placement sur une page de destination | Méthode 1 : SeedProd |
1. Ajout d'icônes de réseaux sociaux WordPress avec SeedProd
Le moyen le plus simple d'ajouter des icônes personnalisées n'importe où sur votre site est avec SeedProd.
SeedProd est un constructeur WordPress par glisser-déposer qui vous permet de concevoir des en-têtes, des pieds de page, des barres latérales et des pages de destination sans toucher au code. Son bloc Profils Sociaux permet d'ajouter et de personnaliser facilement des icônes pour n'importe quel réseau, y compris les plateformes plus récentes comme Threads, Mastodon ou Bluesky.
Étape 1. Installer et activer SeedProd
Tout d'abord, visitez la page de tarification de SeedProd, choisissez votre plan et créez votre compte. Pour ce guide, nous utilisons SeedProd Pro pour ses fonctionnalités avancées.
Ensuite, connectez-vous à votre tableau de bord de compte et visitez l'onglet Téléchargements. De là, vous pouvez télécharger le fichier zip du plugin et copier votre clé de licence.
Rendez-vous maintenant dans votre espace d'administration WordPress et téléchargez le plugin SeedProd. Si vous avez besoin d'aide pour cette étape, suivez ce guide sur l'installation et l'activation d'un plugin WordPress.
Une fois le plugin activé, allez dans SeedProd » Paramètres et collez la clé de licence que vous avez copiée précédemment. Cliquez sur le bouton Vérifier la clé pour enregistrer les paramètres, puis passez à l'étape suivante.
Étape 2. Créer un thème ou une page de destination WordPress
L'étape suivante consiste à créer une page de destination ou un design de thème WordPress ; cependant, cela dépendra de la licence SeedProd que vous avez choisie à l'étape 1.
Les utilisateurs Basic et Plus peuvent créer des pages de destination avec SeedProd, tandis que les utilisateurs Plus et Elite peuvent créer des pages de destination et des thèmes WordPress avec ce plugin.
Suivez les étapes de ces tutoriels pour créer votre design SeedProd :
Après avoir créé une page de destination ou un thème WordPress, passez à l'étape 3 pour ajouter vos icônes de médias sociaux WordPress personnalisées.
Étape 3. Ajoutez vos icônes de réseaux sociaux personnalisées à WordPress
SeedProd vous permet d'ajouter des icônes de médias sociaux personnalisées n'importe où dans WordPress grâce à son Theme Builder facile et puissant. Après avoir choisi votre Kit de site Web, il suffit d'ouvrir chaque partie du thème et d'ajouter le bloc Profils Sociaux.
Ajout d'icônes de médias sociaux à l'en-tête WordPress
Commençons par ajouter des icônes de profils sociaux à votre menu WordPress. Pour ce faire, allez dans SeedProd » Theme Builder, survolez votre modèle d'en-tête, et cliquez sur le bouton Modifier le design.
Sur l'écran suivant, vous verrez une disposition à 2 colonnes comme celle-ci :
Par défaut, le modèle que nous utilisons a un en-tête à 2 colonnes avec un logo et un menu de navigation. Afin d'ajouter vos icônes de profils sociaux, vous devrez le changer en une section à 3 colonnes.
Tout d'abord, survolez la section de l'en-tête jusqu'à ce qu'elle ait un contour violet, puis cliquez sur l'icône de section dupliquée.
Maintenant, dans la nouvelle section, survolez le contenu jusqu'à ce qu'il ait une bordure bleue, puis cliquez sur l'icône de la Corbeille pour le supprimer.
Après cela, cliquez sur l'option de disposition à 3 colonnes pour l'ajouter à votre nouvelle section.
Ensuite, déplacez les éléments de l'ancienne section vers votre nouvelle section en les faisant glisser et déposer.
Une fois terminé, il devrait vous rester 1 colonne vide où vous pourrez ajouter les icônes de vos profils sociaux. Avant de faire cela, survolez à nouveau votre ancienne section et cliquez sur l icône de la corbeille pour la supprimer.
Pour ajouter vos profils sociaux personnalisés à votre en-tête, trouvez le bloc Profils sociaux depuis la barre latérale gauche et faites-le glisser sur votre colonne vide. Vous pouvez maintenant cliquer sur le bloc pour voir ses options de personnalisation.
Par défaut, le bloc Profils sociaux affichera les icônes de Facebook, Twitter, Instagram et YouTube. Vous pouvez changer les icônes en cliquant sur chacune d'elles et en choisissant un réseau social dans le menu déroulant.
Les plateformes parmi lesquelles vous pouvez choisir incluent :
- Discord
- Facebook Messenger
- GitHub
- IMDB
- Moyen
- Téléphone
- RSS
- Slack
- Snapchat
- SoundCloud
- Telegram
- TikTok
- Vimeo
- WordPress
- YouTube
- Personnalisé
Pour ajouter un bouton de profil social personnalisé, cliquez sur l'option Personnalisé et sur l'icône d'engrenage pour ouvrir les paramètres.
Ensuite, cliquez sur l'option Choisir une icône et recherchez une icône différente en utilisant Font Awesome qui correspond à vos besoins en matière de médias sociaux. Par exemple, vous pouvez ajouter des icônes sociales personnalisées pour Spotify, Skype, Tumblr, Behance, Airbnb, Audible, Playstation, et bien d'autres.
Après avoir choisi votre icône de profil social personnalisée, vous pouvez changer la couleur de l'icône et ajouter votre lien personnalisé.
Plus bas dans le panneau des paramètres, vous trouverez des options pour changer le style, la taille et l'alignement de votre icône.
Dans l'onglet Modèles, vous pouvez ajouter un style personnalisé à vos icônes en 1 clic.
L'onglet Avancé offre des paramètres pour personnaliser les styles d'icônes à un niveau granulaire. Par exemple, vous pouvez modifier la couleur d'arrière-plan des icônes, leur taille, leur espacement, leur ombre, leurs marges et leur remplissage.
Vous pouvez également afficher ou masquer vos icônes de profil social sur les appareils mobiles ou de bureau, ce qui est un excellent moyen d'améliorer l'optimisation mobile pour les visiteurs utilisant un smartphone ou une tablette.
Avant d'enregistrer vos modifications, survolez votre bloc de Profils Sociaux et cliquez sur l'icône Enregistrer. Cela vous permettra de le réutiliser dans d'autres zones de votre site Web sans avoir à ajouter manuellement chaque lien social et icône personnalisée à nouveau.
Ainsi, dans la fenêtre contextuelle, donnez un nom à votre bloc, par exemple « Icônes Sociales Personnalisées », et enregistrez.
Lorsque vous êtes satisfait de vos icônes de médias sociaux WordPress, cliquez sur le bouton Enregistrer en haut à droite de votre écran.
Maintenant, ajoutons vos icônes de médias sociaux au pied de page de votre site Web.
Ajouter des icônes de médias sociaux au pied de page WordPress
Pour ajouter des icônes sociales à votre pied de page, accédez au tableau de bord du constructeur de thèmes SeedProd, survolez le modèle de pied de page et cliquez sur le lien Modifier la conception .
Ensuite, ouvrez l'en-tête Blocs enregistrés dans la barre latérale gauche, et faites glisser le bloc d'icônes sociales personnalisées que vous avez enregistré à l'étape précédente dans une colonne de votre zone de pied de page.
Si le pied de page de votre WordPress a une couleur d'arrière-plan similaire à celle de vos icônes, vous pouvez cliquer sur l'onglet Avancé et choisir une nouvelle couleur d'icône avec le sélecteur de couleur.
Lorsque tout semble convenable, cliquez sur le bouton Enregistrer pour stocker vos modifications.
Ajouter des icônes de médias sociaux à la barre latérale WordPress
Pour ajouter des icônes sociales personnalisées à votre barre latérale WordPress, retournez au tableau de bord du constructeur de thèmes, survolez le modèle de barre latérale et cliquez sur le lien Modifier la conception .
Répétez maintenant les instructions de l'étape précédente et cliquez sur le bouton Enregistrer lorsque vous avez terminé.
Vous pouvez également répéter ce processus pour n'importe quelle page de votre site Web, y compris vos pages de destination et vos pages de contenu, telles que vos pages à propos, services et contact.
Étape 4. Publiez vos modifications
La dernière étape consiste à publier votre nouveau thème WordPress afin que les visiteurs de votre site Web puissent voir vos nouvelles icônes de profil de médias sociaux. Pour ce faire, accédez au tableau de bord du constructeur de thèmes et activez le bouton bascule Activer le thème SeedProd sur la position « Oui ».
Vous pouvez maintenant jeter un œil à vos modifications. Voici quelques exemples de ce tutoriel :
En-tête
Pied de page
Barre latérale
2. Utilisation du bloc intégré d'icônes sociales de WordPress
Si vous utilisez WordPress 5.4 ou une version plus récente, vous avez déjà accès au bloc Icônes sociales. C'est le moyen gratuit le plus rapide d'ajouter des icônes, et il fonctionne mieux avec les thèmes de blocs.
Tout d'abord, accédez à Apparence » Éditeur pour ouvrir l'éditeur de site, ou ouvrez n'importe quelle page ou publication où vous souhaitez des icônes.
Cliquez sur le bouton +, recherchez « Icônes sociales » et insérez le bloc.
Cliquez sur + Ajouter une icône à l'intérieur du bloc. Vous verrez une liste de réseaux intégrés comme Facebook, Instagram, LinkedIn et X (Twitter). Sélectionnez ceux dont vous avez besoin.
Chaque icône dispose d'un champ pour l'URL de votre profil. Collez votre lien et il sera connecté instantanément.
Pour ajouter des icônes à votre en-tête ou pied de page, allez dans Apparence » Éditeur et sélectionnez la section En-tête ou Pied de page d'un modèle.
Cliquez sur +, recherchez « Icônes sociales » et ajoutez le bloc où vous le souhaitez.
Si vous ne voyez pas Apparence » Éditeur, vous utilisez un thème classique. Utilisez la méthode 3 ci-dessous.
Le bloc natif couvre la plupart des réseaux majeurs. Pour un placement sur une page de destination ou une image de marque personnalisée avancée, SeedProd vous donne plus de contrôle.
3. Ajout d'icônes de réseaux sociaux à un thème WordPress classique
Les thèmes classiques n'ont pas d'éditeur de site, mais les zones de widgets fonctionnent bien pour les barres latérales et les pieds de page.
Allez dans Apparence » Widgets. Cliquez sur + dans n'importe quelle zone de widget, recherchez « Icônes sociales » et ajoutez le bloc.
Cliquez sur + Ajouter une icône, sélectionnez chaque réseau et collez l'URL de votre profil. Cliquez sur Mettre à jour pour enregistrer.
Une remarque : les widgets placent les icônes dans les zones de barres latérales et de pieds de page. Pour un placement dans l'en-tête sur un thème classique, le Theme Builder de SeedProd s'en charge grâce à son éditeur glisser-déposer.
FAQ sur l'ajout d'icônes de réseaux sociaux à WordPress
J'espère que cet article vous a aidé à apprendre comment ajouter des icônes de médias sociaux à votre site WordPress.
Vous pourriez également aimer ces autres guides utiles de notre blog :
- Comment créer une page WordPress moderne "En construction"
- Comment promouvoir votre blog (Guide pour débutants)
- Comment intégrer des événements Facebook sur WordPress
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
