WordPress.com

Ce guide vous expliquera comment ajouter des boutons de médias sociaux à votre barre latérale ou votre pied de page afin que les gens puissent se connecter avec vous via vos réseaux sociaux préférés.

💡

A côté de cette option pour ajouter un widget d’icônes sociales, vous pouvez également sélectionner un thème qui a un menu social dédié, où vous pouvez ajouter des liens vers vos comptes de médias sociaux, et ils s’afficheront comme des icônes sur votre site. Ou, vous pouvez utiliser le bloc de liens sociaux pour ajouter des liens vers vos réseaux de médias sociaux n’importe où sur votre site en utilisant ces instructions.

Table des matières

Icônes disponibles

Nous prenons en charge les icônes pour une variété de réseaux.

Cliquez ici pour développer une liste d’icônes disponibles.

500px

Amazon

Apple

Bandcamp

Behance

CodePen

DeviantArt

.

Digg

Dribbble

Dropbox

Adresses électroniques (si votre courriel est [email protected], tapez mailto:[email protected] sur le champ URL du compte)

Etsy

Flickr

Foursquare

Goodreads

Google

GitHub

Instagram

iTunes

LinkedIn

Medium

Meetup

Pinterest

Pocket

Ravelry

Reddit

Flux RSS

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

.

WordPress

Yelp

YouTube

💡

Vous ne voyez pas votre réseau social dans les icônes disponibles ci-dessus ?

Vous pouvez ajouter tout autre réseau social ou plateforme externe en suivant les étapes de la section Ajouter des icônes sociales personnalisées ci-dessous.

Table des matières

Sidget d’icônes sociales

Le widget d’icônes sociales affiche de petits graphiques liés à vos comptes de médias sociaux, dans n’importe quelle zone de widgets de votre thème. Après avoir ajouté des liens vers vos profils sociaux, les icônes sont automatiquement affichées sur votre site, permettant à vos visiteurs de se connecter avec vous via vos réseaux préférés.

Table des matières

Ajouter le widget des icônes sociales

  1. Allez sur Mon ou mes sites → Conception → Personnaliser
  2. Cliquez sur Widgets et vous verrez les différentes zones de widgets que votre thème prend en charge. Presque tous les thèmes auront une zone de widgets de pied de page au minimum. Certains ont également des widgets de barre latérale ou d’autres zones de widgets.
  3. Cliquez sur une zone de widgets disponible ; dans cet exemple, nous cliquons sur la zone de widgets du pied de page.
  4. Cliquez sur Ajouter un widget et recherchez Social ou parcourez les widgets disponibles pour trouver le widget Icônes sociales.
Note : si vous avez installé des plugins, vous verrez (Jetpack) à la fin du titre du widget Social Icons.
  1. Cliquez sur le widget pour l’ajouter à votre zone de widgets.
  2. Personnalisez les différentes options d’affichage, notamment le titre du widget et la taille des icônes.
  1. Ajoutez le lien vers votre premier profil de réseau social. Par exemple, https://www.facebook.com/WordPresscom/

📌

Assurez-vous d’ajouter le lien entier, y compris la partie de l’adresse du site.

  1. Cliquez sur l’option Ajouter une icône pour ajouter d’autres icônes sociales à votre widget.
Cliquez sur le bouton Ajouter une icône pour ajouter une autre icône sociale

⚠️

Chaque lien que vous ajoutez au widget Icônes sociales s’affichera automatiquement comme l’icône de ce réseau social dans l’aperçu du Customizer.

Si vous ne voyez pas l’icône de réseau social appropriée, vérifiez que vous avez entré le lien correct vers votre réseau social, y compris la partie de l’adresse.

Quand vous avez fini d’ajouter vos liens de profil social, cliquez sur Publier, ou Enregistrer les modifications, pour ajouter le widget Icônes sociales à votre site.

Vos nouvelles icônes sociales brillantes sont maintenant sur votre site !

Table des matières

Réorganiser les icônes

Vous pouvez changer l’ordre de vos icônes à tout moment en les faisant glisser et en les déposant dans la séquence que vous souhaitez. Votre nouvel ordre sera reflété en direct dans le volet d’aperçu du Customizer.

Table des matières

Ajouter des icônes sociales personnalisées

La couleur des icônes sociales sur votre site dépend du thème que vous utilisez. Si vous voulez ajouter des icônes avec une couleur spécifique ou si vous voulez plus de contrôle sur la façon dont les icônes apparaissent, vous pouvez ajouter des icônes personnalisées en utilisant le Widget Texte ou un Widget HTML personnalisé et un peu de HTML. Cela est également utile si vous voulez ajouter des icônes pour des réseaux sociaux moins populaires.

Étape 1. Trouvez des icônes de médias sociaux que vous aimez, et téléchargez-les dans votre bibliothèque multimédia.

Vous avez peut-être déjà des icônes que vous aimeriez utiliser, mais si ce n’est pas le cas, vous pouvez chercher sur Google  » icônes de médias sociaux gratuites.  » Lorsque vous choisissez des images, faites attention à ne pas violer de droits d’auteur. Une fois que vous en avez trouvé qui vous plaisent, téléchargez-les sur votre ordinateur.

Téléchargez l’icône dans votre galerie de médias

  1. Allez dans Mon site → Site → Médias → Ajouter nouveau
  2. Naviguez vers l’emplacement sur votre ordinateur où vous avez enregistré les images que vous voulez utiliser comme icônes
  3. Transférer les icônes dans votre galerie de médias

Avoir le lien vers votre icône de médias sociaux

  1. Voir Mon site → Site → Médias.
  2. Cliquez sur l’image de votre icône sociale téléchargée et cliquez sur Modifier.
  3. Sous l’option URL, cliquez sur Copier pour enregistrer le lien dans le presse-papiers de votre ordinateur.
  4. Cliquez sur Terminé pour quitter l’éditeur de médias.

Étape 2. Ajoutez un widget texte ou un widget HTML personnalisé et mettez en forme vos boutons à l’aide de HTML.

Ajouter le widget d’icône sociale personnalisé

Vérifiez que vous avez le lien vers l’icône de média social que vous avez téléchargé en utilisant les étapes ci-dessus sous Obtenir le lien vers votre icône de média social.

  1. Allez dans Mes sites → Conception → Personnaliser → Widgets.
  2. Sélectionnez la zone de widget où vous souhaitez que vos icônes apparaissent.
  3. Cliquez sur Ajouter un widget et localisez le widget de texte ou le widget HTML personnalisé
  4. Cliquez sur le nom du widget pour ajouter le widget.

Ajouter le widget d’icône sociale personnalisé HTML

Ajouter un titre à votre widget si vous le souhaitez, puis ajouter du HTML à votre widget en suivant la structure ci-dessous :

  • Remplacer le lien de référence : avec le lien complet vers votre profil social.
  • Remplacer le lien image : avec le lien vers votre icône de média social téléchargée.
  • Facultatif : ajustez les width et height à la taille de votre icône préférée.

Répétez le code HTML dans le widget Texte ou HTML existant pour chaque icône que vous souhaitez voir apparaître sur votre site.

Étape 3. Une fois que vous avez terminé, cliquez sur Publier et regardez vos jolis nouveaux boutons de médias sociaux !

Table des matières

Exemples et exemples d’images

Si vous avez du mal à trouver des icônes de médias sociaux sur le web et que vous souhaitez avoir des exemples à utiliser, vous en trouverez d’autres sur ce site.

Pour utiliser ces icônes dans votre widget d’abord, créez un widget texte vierge à partir de Design → Personnaliser → Widgets.

Puis, copiez le bloc de code de la page Widgets de médias sociaux pour le style d’icône que vous préférez :

Table des matières

Frequently Asked Questions

Pourquoi l’icône de médias sociaux ne s’affiche-t-elle pas ?

Si vous utilisez une version localisée de l’adresse de votre page de médias sociaux, les icônes de médias sociaux peuvent ne pas apparaître. Essayez plutôt de remplacer la section locale de votre lien de média social par la version globale.

Exemple : https://www.pinterest.fr/yourpinterest/ doit être remplacé par https://www.pinterest.com/yourpinterest/

Ce guide vous a-t-il été utile ?

Plans et prix versatiles

  • Gratuit

    Parfaitement adapté aux étudiants

  • Personnel

    Parfaitement adapté aux hobbyistes

  • Premium

    Parfait pour les freelances

  • Business

    Parfait pour les petites entreprises

Choisissez un plan

.