Cet article a pour objectif de vous aider à créer ou modifier une page Divi en vous guidant pas-à-pas. Il explique le cheminement pour créer et modifier les éléments de type section, ligne, texte et image avec le constructeur de thème Divi sous WordPress.

A- Créer ou modifier une page avec Divi

1. Accéder à WordPress : Connectez-vous à votre tableau de bord WordPress.
Usuellement, pour vous connecter au tableau de bord de WordPress, vous devez aller sur l’url : www.votre-site.com/wp-admin

2. Créer une nouvelle page :
– Dans le menu de gauche, cliquez sur « Pages » puis « Ajouter ».

3. Activer Divi Builder :
– Cliquez sur le bouton « Utiliser Divi Builder ».

4. Ajouter une section :
– Cliquez sur le bouton bleu « + » pour ajouter une nouvelle section.
– Sélectionnez « Section standard ».

5. Ajouter une ligne :
– Dans la section nouvellement créée, cliquez sur le bouton vert « + » pour ajouter une ligne.
– Sélectionnez la structure de colonne souhaitée (pour cet exemple, choisissez une seule colonne).

6. Ajouter un module de texte :
– Dans la colonne, cliquez sur le bouton gris « + » pour ajouter un module.
– Sélectionnez « Texte » dans la liste des modules.
– Dans l’éditeur de texte, ajoutez votre contenu.
– Cliquez sur le bouton vert « ✓ » pour enregistrer.

7. Modifier un module de texte :
– Passez votre curseur sur le module de texte.
– Cliquez sur l’icône de module (représentée par une petite icône de réglage).
– Apportez vos modifications dans l’éditeur de texte.
– Cliquez sur le bouton vert « ✓ » pour enregistrer.

8. Ajouter une image :
– Sous le module de texte, cliquez de nouveau sur le bouton gris « + ».
– Sélectionnez « Image » dans la liste des modules.
– Cliquez sur « Télécharger une image » pour importer l’image depuis votre ordinateur ou sélectionnez une image de la bibliothèque.
– Cliquez sur le bouton vert « ✓ » pour enregistrer.

9. Modifier une image :
– Passez votre curseur sur le module d’image.
– Cliquez sur l’icône de module (représentée par une petite icône de réglage).
– Changez l’image en cliquant sur « Image » puis « Télécharger une image » ou sélectionnez une nouvelle image de la bibliothèque.
– Cliquez sur le bouton vert « ✓ » pour enregistrer.

10. Ajouter un bouton :
– Sous le module d’image, cliquez sur le bouton gris « + ».
– Sélectionnez « Bouton » dans la liste des modules.
– Dans les paramètres du bouton, saisissez le texte du bouton (par exemple, « En savoir plus »).
– Personnalisez l’apparence du bouton (couleur, style, etc.) si souhaité.
– Cliquez sur le bouton vert « ✓ » pour enregistrer.

11. Modifier un bouton :
– Passez votre curseur sur le module du bouton.
– Cliquez sur l’icône de module (représentée par une petite icône de réglage).
– Apportez les modifications nécessaires (texte du bouton, style, etc.).
– Cliquez sur le bouton vert « ✓ » pour enregistrer.

12. Publier la page :
– Une fois tous les éléments ajoutés et personnalisés, cliquez sur le bouton « Publier » en haut à droite de la page pour rendre votre page publique.

13. Visualiser la page :
– Cliquez sur « Voir la page » pour vérifier que tout est en ordre et apporter des modifications si nécessaire.
– N’oubliez pas de vérifier aussi la version mobile de votre page !

▶ Vous pouvez retrouver un tutoriel avec images pour créer une page Divi de base avec quelques effets de style ici

B- Ajouter la page au menu principal du site

Une fois votre page créée, vous voudrez peut-être l’ajouter au menu principal du site. Voilà comment faire par étapes.

1. Accéder à l’administration des menus :
– Dans le tableau de bord WordPress, allez dans « Apparence » puis « Menus ».

Étape 1 : Créer un menu (si ce n’est pas déjà fait)

2. Créer un nouveau menu (si vous n’avez pas déjà de menu) :
– Cliquez sur « Créer un menu ».
– Donnez un nom à votre menu (par exemple, « Menu principal »).
– Cliquez sur le bouton « Créer le menu ».

3. Définir les emplacements du menu :
– Sous « Réglages du menu », cochez « Menu principal » (ou l’emplacement que vous souhaitez).
– Cliquez sur « Enregistrer le menu ».

Étape 2 : Ajouter la page au menu principal

3. Sélectionner le menu à modifier :
– Si vous avez plusieurs menus, sélectionnez « Menu principal » dans la liste déroulante et cliquez sur « Sélectionner ».

4. Ajouter la nouvelle page au menu :
– Sur la gauche, sous « Ajouter des éléments de menu », trouvez la section « Pages ».
– Cochez la case à côté de la page que vous avez créée.
– Il se peut que vous ne puissiez pas voir votre page, dans ce cas utiliser le petit onglet « recherche » pour la retrouver avec son titre
– Cliquez sur « Ajouter au menu ».

5. Organiser les éléments du menu :
– Faites glisser et déposez la nouvelle page à l’endroit souhaité dans la structure du menu.
– Si vous souhaitez créer des sous-menus, faites glisser les éléments légèrement vers la droite sous l’élément parent.
– N’oubliez surtout pas de cliquer sur le bouton « sauvegarder »