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.

Newsletter

Rejoins-nous !

Besoin d'aide, une question sur Divi ? Like la page Divi en français, rejoins-nous sur le Groupe Facebook, trouve des solutions et participe toi aussi ! Plus on est de fous plus on aime Divi 😉

Offre à la une

Offre Divi

  • + Licence Divi
  • + Mises à jour automatiques

60€ au lieu de 89€

Les formations

GAGNE DU TEMPS

Il y a forcément une formation adaptée à tes besoins

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

Maîtriser Divi sans perdre de temps

Les Formations Divi

Divi en un tour de Main

Débutant

Cette formation t'accompagne dans toutes les fonctionnalités de bases de Divi.
Un gain de temps inestimable !

Devenez Développeur Wordpress

Avancé

Webmarketing, expérience utilisateur, développement, référencement, sécurité, performance : Devenez un expert en travaillant sur de vrais projets acompagnés par des pros.

Terminer votre cursus avec le module travailler en Agence ou Devenir Auto-Entrepreneur.

Soyez Apte à recevoir votre première rémunération de dev. dès la fin de la formation !

Faire des sites pro sans coder

Confirmé

Tu veux construire tes sites ou ceux des autres sans apprendre le code ?
Avec la puissance de Divi et une formation Class-Active, deviens performant rapidement !

Formations Sur-mesure

Bénéficiaire d'un financement

Tu bénéficies d'un financement à la formation pour te reconvertir ou développer tes savoir-faire ?

Fais nous part de ton objectif pour que nous te proposions une formation qui correspond précisément à ton projet, à ton niveau actuel et à tes besoins.

https://class-active.fr/

Contacte Class:active

Le centre de formation aux métiers du web, 100% online, qui propose des workshops et formations coachés par des professionnels

Tél : 01 84 25 39 48
Web : class-active.fr

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.