Guides/Créer du contenu/Widgets/Personnaliser vos icônes de réseaux sociaux

Personnaliser vos icônes de réseaux sociaux

Après avoir ajouté vos icônes de réseaux sociaux, vous pouvez personnaliser leur apparence pour qu’elles correspondent au design de votre site. Le bloc Icônes de réseaux sociaux propose plusieurs options de style, abordées dans ce guide.

Modifier le style de l’icône

Choisissez parmi les options de style d’icône prédéfinies en procédant comme suit :

  1. Sélectionnez Vue en liste dans le coin supérieur gauche de l’éditeur.
  2. Cliquez sur le bloc Icônes de réseaux sociaux dans la vue en liste.
  3. Dans la colonne latérale des réglages du bloc, cliquez sur l’onglet Styles (l’icône ressemble à un cercle noir et blanc).
  4. Dans Styles, choisissez entre :
    • Par défaut : icônes standard.
    • Uniquement les logos : uniquement les logos des réseaux sociaux.
    • Forme de pastille : icônes aux angles arrondis.
  5. Cliquez sur « Enregistrer » ou « Publier » en haut à droite pour appliquer vos modifications.
Options de style d’icône dans la section Styles de la colonne latérale des réglages du bloc Icônes de réseaux sociaux.

Modifier les couleurs des icônes

Pour modifier la couleur de l’icône ou la couleur d’arrière-plan du bloc Icônes de réseaux sociaux, procédez comme suit :

  1. Sélectionnez Vue en liste dans le coin supérieur gauche de l’éditeur.
  2. Cliquez sur le bloc Icônes de réseaux sociaux dans la vue en liste.
  3. Dans la colonne latérale des réglages du bloc, cliquez sur l’onglet Styles (l’icône ressemble à un cercle noir et blanc).
  4. Dans les réglages Couleurs, vous trouverez les options suivantes :
    • Couleur de l’icône : modifie la couleur des icônes de réseaux sociaux.
    • Arrière-plan de l’icône : modifie la couleur derrière les icônes.
    • Utilisez le menu () pour activer l’option Arrière-plan afin de définir la couleur d’arrière-plan de l’ensemble du bloc Icônes de réseaux sociaux.
  5. Cliquez sur « Enregistrer » ou « Publier » en haut à droite pour appliquer vos modifications.
Les réglages de couleur dans les réglages de la colonne latérale du bloc Icônes de réseaux sociaux.

En savoir plus sur les réglages de couleur.

Redimensionner vos icônes

Vous pouvez redimensionner les icônes en procédant comme suit :

  1. Sélectionnez Vue en liste dans le coin supérieur gauche de l’éditeur.
  2. Cliquez sur le bloc Icônes de réseaux sociaux dans la vue en liste.
  3. Dans la barre d’outils du bloc qui s’affiche, cliquez sur le réglage « Dimensions » et choisissez l’une des options suivantes :
    • Petite
    • Moyen
    • Grande
    • Énorme
  4. Cliquez sur « Enregistrer » ou « Publier » en haut à droite pour appliquer vos modifications.
Option Taille dans la barre d’outils du bloc Icônes de réseaux sociaux.

Ajouter des libellés de texte

Par défaut, les icônes de réseaux sociaux s’affichent sans libellés de texte. Pour ajouter des libellés :

  1. Sélectionnez Vue en liste dans le coin supérieur gauche de l’éditeur.
  2. Cliquez sur le bloc Icônes de réseaux sociaux dans la vue en liste.
  3. Dans la colonne latérale Réglages du bloc, recherchez l’option « Afficher le texte » et activez-la. Le nom du réseau social apparaîtra avec l’icône.
  4. Si vous souhaitez modifier le texte, cliquez sur une icône spécifique et ouvrez la colonne latérale des réglages du bloc.
  5. Saisissez le texte à afficher dans le champ « Texte ».
  6. Cliquez sur « Enregistrer » ou « Publier » en haut à droite pour appliquer vos modifications.
Icônes de réseaux sociaux affichant un libellé de texte.

Ajouter une bordure à vos icônes de réseaux sociaux

Pour ajouter une bordure ou une ombre à votre bloc Icônes de réseaux sociaux, procédez comme suit :

  1. Sélectionnez Vue en liste dans le coin supérieur gauche de l’éditeur.
  2. Cliquez sur le bloc Icônes de réseaux sociaux dans la vue en liste.
  3. Dans la colonne latérale des réglages du bloc, cliquez sur l’icône Styles. Elle ressemble à un cercle noir et blanc.
  4. Localisez la section « Bordure ».
  5. Ajustez la largeur, la couleur et le rayon de la bordure à l’aide des options disponibles.

En savoir plus sur l’ajout d’une bordure.

Copied to clipboard!