Please enable the breadcrumb option to use this shortcode!

Les modules Divi > Le Module Suivez-nous sur les Réseaux Sociaux

Ajoute rapidement des liens vers tes réseaux sociaux avec des icônes intégrées à Divi à placer où tu veux dans tes pages. Regroupe tes communautés !

Il suffit de quelques clics pour partager les liens vers tes profils de réseaux sociaux. Les icônes intégrées à divi t’éviteront d’avoir à télécharger des services tiers et t’assureront un design sympa et configurable.

Tes goûts et tes couleurs

Choisis les couleurs proposées par divi ou personnalise les icônes avec tes propres couleurs.

Activer le Visual Builder
Pour créer et modifier le module réseaux sociaux directement sur le visuel de ton site, tu dois activer le visual builder. L’article Découvrir le Visual Builder t’explique comment faire.
Ajouter un Module Suivez-nous sur les Réseaux Sociaux
Les modules doivent se positionner à l’intérieur d’une rangée (cadre vert).

Pour en savoir plus, consulte les articles  Comprendre les sections Divi et Comprendre les rangées Divi.

Pour ajouter un module, clique sur un bouton + gris présent à l’intérieur des rangées.

Une petite fenêtre s’ouvre avec un menu sous forme de cartes.

Les modules sont rangés par ordre alphabétique : Fais défiler le menu vers le bas jusqu’à ton choix ou utilise la barre de recherche tout en haut de la fenêtre de module.

Sélectionne le module Suivez-nous sur les Réseaux Sociaux.

La configuration du Module

La configuration des modules Divi se présente sous la forme de trois onglets :

  • Contenu
    Tu indiques ici quels sont les textes et les images ou icones que tu vas utiliser pour ton module. Dans cette partie tu entres le contenu sans te soucier de son aspect.
  •  Style
    Tu donnes maintenant le style de ton choix aux éléments que tu as entrés dans la partie contenu.
  • Avancé
    Tu préféres coder ? Tu peux t’exprimer ici pour personnaliser le style du module en .css.
Onglet Contenu
Partie +

Ajoute un réseau social en cliquant sur le + gris en haut de l’onglet contenu.

Sélectionne dans la liste déroulante l’un des 14 réseaux sociaux qui sont proposés par Divi.

Comme tu peux le constater, l’icône s’ajoute aussitôt sur ta page.

Dans la partie Lien, indique l’adresse exacte qui mène à ta page de réseau social.

Les options proposées par le module vont s’adapter à tes choix de réseaux sociaux. Clique sur Style dans la même fenêtre pour modifier la couleur de l’icône.

 

Répéte l’opération pour chaque réseau social que tu souhaites ajouter.

Les réseaux sociaux vons s’ajouter dans la partie contenu les uns en dessous des autres dans une barre grise.

Chaque barre comprend trois icônes permettant d’éditer le réseau social, de le dupliquer ou de le supprimer.

Partie icône

Tu peux voir les icônes s’ajouter sur ta page au fur et à mesure des ajouts.

Tu peux les personnaliser pour qu’ils correspondent tout à fait à ton design.

Choisis la forme de ton bouton et ajoute si tu le souhaites un bouton d’abonnement à ta page de réseau social.

Partie étiquette admin

L'étiquette permet de se répérer si tu travailles parfois avec le générateur divi sans utiliser le visuel.
Par défaut, toutes les étiquettes portent le nom de leur module (Texte, séparateur, image, personne ...). Tu peux en modifier le nom pour te faciliter leur repérage.

Onglet Style
L’onglet style du module Suivez-nous sur les Réseaux Sociaux est très simple à configurer :
  • Couleur du Texte : Choisis clair si ta couleur de fond est foncée et foncé si ta couleur de fond est claire.
  • Animation : Utile si tu souhaites que ton module ne soit pas fixe sur ta page mais apparaisse subrepticement avec un effet (à utiliser avec beaucoup de modération)
Onglet Avancé
  • Parties Css (Id et classes Css, Personnalier Css) : Tu préféres coder ? Tu peux t’exprimer ici pour personnaliser le style du module en utilisant le langage .css.
  • Visibilité : Si ton module n’est pas adapté pour la vue ordinateur, mobile ou tablette, tu peux le désactiver sur un ou plusieurs de ces appareils. Coche les appareils où le module n’apparaitra PAS.

Sauvegarder tes changements

r

N'oublie pas de cliquer sur "Sauvegarder les changements" pour "enregistrer les modifications" apportées sur le visual builder.

Le bouton "Sauvegarder les changements" se trouve tout en bas de ta page. Il est représenté par une bulle violette comportant trois petits points. Clique sur la bulle violette en bas au centre de ta page. En se dépliant elle découvre le bouton "Sauvegarder" sur lequel il faut cliquer.

Offre à la une

Offre Divi

  • + Licence Divi
  • + Mises à jour automatiques

60€ au lieu de 89€

Site clé en mains

GAGNE DU TEMPS

Une équipe d'experts met ton site sur les rails et te forme à l'utilisation de Divi

Newsletter

0 commentaires

Soumettre un commentaire

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

Autres ressources « Modules DIVI »

Insérer une image

Insérer une image

Télécharge une image dans ta bibliothèque de médias directement depuis tes options divi, tes modules ou tes sections pour illustrer ton thème

Ajouter le logo

Ajouter le logo

Divi te permet de placer facilement ton logo sur ton site en modifiant les options du thème

Ajouter son Favicon

Ajouter son Favicon

Ajoute un favicon qui sera reconnu par tous les navigateurs sans entrer dans le code

Effectuer les Mises à Jour Divi

Effectuer les Mises à Jour Divi

Effectue les mises à jour Divi

Le thème Divi se répand à toute vitesse. Il convient aussi bien aux débutants qu'aux développeurs et leurs clients. Toi aussi rejoins-nous !

Modules de contenu

Utilisateurs

Polices d'écriture pré-installées

Contacte Nous

En cochant la case ci-dessus tu affirmes avoir pris connaissance de notre politique de confidentialité. Tu peux demander la suppression de tes données à tout moment en suivant la procédure et en nous contactant à l’adresse hello+rgpd@bee-too-bee.com.