Icônes sociales intégrées

Affichez, personnalisez et supprimez les icônes sociales sur votre site.

Dernière mise à jour le 9 janvier 2025

Vous pouvez afficher des icônes sociales intégrées sur votre site après avoir ajouté des liens de réseaux sociaux. Dans la plupart des cas, les icônes apparaissent automatiquement dans l’en-tête de votre site ou une fois que vous les avez activées dans les paramètres de style. Ce guide explique comment activer, styliser et masquer les icônes sociales intégrées.

Pour savoir comment réorganiser les icônes ou ajouter et supprimer les services vers lesquels ces icônes renvoient, consultez l’article Ajouter des icônes sociales. Pour ajouter des icônes à d’autres zones de votre site, utilisez des blocs Liens sociaux.

Accéder à cette fonctionnalité

Si votre site utilise la version 7.0, l’affichage des icônes sociales intégrées et leur emplacement dépendra de votre template.

Affichage des icônes sociales intégrées par version

L’affichage de vos icônes sociales intégrées dépend de la version utilisée par votre site.

Tous les sites utilisant la version 7.1 peuvent afficher des icônes sociales intégrées dans l’en-tête du site. Pour les afficher, vous devrez peut-être les activer :

  1. Ouvrez le panneau Pages et cliquez sur Modifier sur n’importe quelle page de votre site.
  2. Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
  3. Cliquez sur Ajouter des éléments et activez l’option Liens de réseaux sociaux.
  4. Si vous n’avez pas encore ajouté de liens de réseaux sociaux à votre site, survolez l’en-tête et cliquez sur l’option Liens de réseaux sociaux qui apparaît, puis sur l’icône crayon. Vous pouvez ajouter des liens de réseaux sociaux dans l’onglet Contenu. N’oubliez pas que vos liens de réseaux sociaux concernent l’ensemble du site.
  5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Pour en savoir plus sur l’en-tête de votre site, consultez l’article Créer un en-tête de site.

Voici une liste des endroits où les icônes sociales intégrées s’affichent dans les familles de templates de la version 7.0. Dans certains templates, vous devrez peut-être les activer pour qu’elles apparaissent. Pour plus d’aide, consultez le Guide de votre template.

Template Ordinateur Mobile
Adirondack Aucun Aucun
Avenue Pied de page Pied de page

Aviator

En haut à droite ou en bas au centre, selon la disposition. En bas au centre

Bedford

Aucun Aucun

Brine

En-tête Aucun

Farro

En-tête Les icônes ne s’affichent pas
Five En-tête et/ou pied de page Seules les icônes du pied de page s’affichent
Flatiron Pied de page Pied de page
Forte En-tête Filtre de navigation
Galapagos Aucun Aucun
Ishimoto Pied de page Pied de page
Momentum Barre de navigation Filtre de navigation

Montauk

Pied de page d’informations Pied de page d’informations
Native Pied de page Pied de page

Pacific

Aucun Aucun

Skye

En-tête Pied de page
Supply Barre latérale de navigation Filtre de navigation

Tremont

En-tête En-tête
Wells Barre latérale de navigation En-tête
Wexley Pied de page Pied de page

York

Aucun Aucun

Personnaliser le style des icônes sociales

Vous pouvez personnaliser la taille, la bordure et la couleur des icônes sociales intégrées à votre site.

Taille et bordure

Pour modifier la taille et la bordure des icônes sociales :

  1. Cliquez sur Modifier sur une page, puis sur Modifier l’en-tête du site.
  2. Cliquez sur les liens de réseaux sociaux, sur l’icône crayon, puis sur Design.
  3. Utilisez le curseur Taille des icônes sociales pour modifier la taille.
  4. Sélectionnez une forme de bordure et choisissez Contour ou Plein(e) pour le style de bordure.
  5. Si vous choisissez Contour, le curseur Épaisseur vous permettra de modifier la largeur de la bordure.
  6. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Couleur sur les en-têtes unis ou dégradés

Pour changer la couleur de vos icônes sociales lorsque le style d’arrière-plan de votre en-tête est réglé sur Solide ou Dégradé :

  1. Lorsque vous modifiez une page, ouvrez l’éditeur d’en-tête
  2. Dans l’éditeur d’en-tête, cliquez sur Modifier le design, puis sur Couleur.
  3. Cliquez sur Couleur de la navigation pour modifier la couleur de vos liens de navigation et des icônes sociales intégrées.

Pour changer la couleur de survol des icônes sociales sur les en-têtes unis ou dégradés, modifiez le réglage de l’arrière-plan du bouton principal dans le thème de couleur par défaut de votre site. N’oubliez pas que cela change également la couleur des boutons qui utilisent le style du bouton principal sur le thème de couleur par défaut.

Couleur des en-têtes adaptatifs

Pour changer la couleur de vos icônes sociales lorsque le style d’arrière-plan de votre en-tête est défini sur Adaptatif :

  1. Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur Couleurs.
  2. Cliquez sur l’icône du crayon du thème de couleur sélectionné pour l’en-tête de votre site.
  3. Modifiez l’ajustement des liens de navigation.
  4. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Pour changer la couleur du survol des icônes sociales avec des en-têtes adaptatifs, modifiez l’ajustement Arrière-plan du bouton principal dans le thème de couleurs de la section supérieure. Notez que cela change également la couleur des boutons qui utilisent le style du bouton principal dans les sections utilisant ce thème de couleurs.

Pour personnaliser vos icônes sociales :

  1. Ouvrez le panneau Styles du site.
  2. Cliquez sur les icônes sociales dans l'aperçu du site.
  3. Modifiez le style des icônes à l’aide des ajustements de style qui apparaissent.
  4. Cliquez sur Enregistrer.

Certains templates proposent d’autres options, notamment :

Ajustement de style Options
Style des icônes sociales

Sert à modifier la forme des icônes sociales. Les options incluses sont généralement :

  • Ronde
  • Square
  • Normal - La forme par défaut du branding du service. Par exemple, l’icône de Facebook prendra la forme d’un « f ».
Superposition de couleurs / Autre couleur Choisissez une deuxième couleur pour l’affichage des bannières
Couleur standard Utilisez la couleur par défaut du branding du service.

Masquer les icônes intégrées

Pour masquer les icônes sociales intégrées :

  1. Ouvrez le panneau Pages et cliquez sur Modifier sur n’importe quelle page de votre site.
  2. Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
  3. Cliquez sur Ajouter des éléments et désactivez l’option Liens de réseaux sociaux.
  4. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.
  1. Ouvrez le panneau Styles du site.
  2. Recherchez les ajustements Réseaux sociaux. Le nom de l’ajustement varie selon le template, mais recherchez des options comme Masquer les icônes sociales, Afficher les icônes sociales ou Position des icônes sociales : masquer. Vous pouvez cliquer sur les icônes s’affichant dans l’aperçu pour trouver l’ajustement plus facilement.
  3. Cliquez sur Enregistrer.

Remarque

les icônes sociales intégrées ne peuvent pas être masquées dans les templates Flatiron et Native.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.