Please enable the breadcrumb option to use this shortcode!

Les modules Divi > Le Module texte

Comment créer, configurer et personnaliser le module Texte de Divi

Le module texte peut être placé n’importe où dans ton site. C’est un module de base indispensable qui peut être entièrement personnalisé.

Activer le Visual Builder
Pour créer et modifier le module de texte 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 de Texte

Les modules doivent se positionner à l’intérieur d’une rangée (cadre vert).

Pour ajouter une rangée, clique sur le bouton + vert et choisis un type de rangée. Par exemple : rangée normale / 1 colonne.

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 Texte.

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

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

  • Contenu
    Tu peux ici placer ton texte, l’image de fond, la couleur de fond.
  •  Style
    Tu peux modifier ici les polices, les marges et les couleurs.
  • Avancé
    Tu préfères coder ? Tu peux t’exprimer ici pour personnaliser le style du module en .css.
Onglet Contenu
Partie Texte

Tu peux ajouter du texte de deux manières :

  • Dans le champ Contenu de la fenêtre de Paramètres
  • Encore plus simple, clique sur ton site à l’endroit où tu viens d’ajouter ton module de texte : Tape ou Modifie ton texte directement sur le site.
Partie FOND

Cette partie se compose de 4 onglets te permettant de choisir :

  • Une couleur de fond
  • Une couleur de fond avec dégradé
  • Une photo téléchargée depuis ton ordinateur ou prise dans ta bibliothèque de médias
  • Une vidéo
Pour en savoir plus consulte l’article : Modifier les fonds des Modules.
Onglet Style

Cette partie te permet de définir l’apparence de ton texte (taille, couleur, police, disposition).

  • Texte : Modifie l’apparence de ce que tu as écrit sur ton site ou dans la partie contenu.
  • En-tête Texte : est utile si une partie de ce texte est spécifié comme étant un titre H1, H2, H3, H4, H5, ou H6

Tu peux aussi régler le design du module en entier (l’ensemble du conteneur).
Astuce : Pour visualiser le conteneur, indique une couleur de fond provisoire dans l’onglet contenu, fond

  • Bordure : Encadre ton module
  • Dimensionnement : Donne une largeur maximale à ton module
  • Espacement : Définis les marges internes et externes pour ton module. Tu peux aussi spécifier les marges à appliquer pour chaque appareil (ordinateur, mobile, tablette).
  • 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

2 Commentaires

  1. Eric

    Bonjour,
    Est-il possible d’insérer des espaces insécables par exemple dans le texte d’un module texte (shortcode ?)
    Comment ?
    Merci de votre réponse

    Réponse

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.