Modifier le contenu de votre site web avec Divi

par

1. Se connecter à la dashboard wordPress

Page de connexion WordPress.
Page de connexion WordPress

Pour commencer, ouvrez votre navigateur et allez sur votre site WordPress. Ajoutez /wp-admin à la fin de l’URL de votre site pour accéder à l’espace de connexion. Entrez vos identifiants de connexion pour accéder à votre tableau de bord WordPress.

2. Sélectionner la page à modifier

 Liste des pages dans le menu WordPress.
Liste des pages dans le menu WordPress.

Dans le tableau de bord, vous pouvez directement cliquer sur l’icône de votre site en haut à gauche pour revenir à la page d’accueil de votre site. De là, naviguez sur votre site comme un visiteur le ferait, en utilisant le menu pour trouver la page que vous souhaitez modifier. Une fois sur la page désirée, activez le Visual Builder en cliquant sur l’option Activer Visual Builder qui s’affiche en haut de votre écran.

3. Activer le Visual Builder

Bouton d'activation du Divi Builder.
Bouton d’activation du Divi Builder.

Une fois sur la page, cliquez sur l’option Activer le Visual Builder sur la barre de menu supérieur. Cela activera le Visual Builder, vous permettant de modifier la page en direct.

4. Divi Builder

Vue d'ensemble du Divi Builder avec ses sections, rangées et modules.
Vue d’ensemble du Divi Builder avec ses sections, rangées et modules.

Avec le Divi Builder activé, vous verrez votre page divisée en sections, rangées et modules. Chaque élément est modifiable en cliquant dessus.

  • Sections en bleu: Les plus grands conteneurs qui structurent votre page.
  • Rangées en vert: Conteneurs horizontaux qui organisent vos modules.
  • Modules en gris: Éléments individuels comme le texte, les images, les boutons, etc.

5. Modifier les Modules

Menu d'édition pour les modules de texte et d'image.
Menu d’édition pour les modules de texte et d’image.

Pour modifier un texte, cliquez sur l’icone paramètre (l’écrou) du texte concerné. Un menu apparaîtra, vous permettant de changer le texte directement via un éditeur de texte. Pour les images, cliquez sur l’icone paramètre du module d’image et téléchargez ou sélectionnez une nouvelle image depuis la bibliothèque multimédia. Terminez en appuyant sur le bouton vert en dessous.

6. Images de Fond et Sliders

Options d’édition pour les images de fond

Pour modifier une image de fond dans une section ou une rangée, cliquez sur les paramètres de la section/rangée et naviguez vers l’onglet Contenu > Arrière-plan. Pour les sliders, cliquez sur le module de slider et modifiez les images dans chaque élément du slider.

7. Sauvegarder les modifications

Bouton de sauvegarde dans le Divi Builder.
Bouton de sauvegarde dans le Divi Builder.

Une fois vos modifications terminées, cliquez sur le bouton violet avec trois points horizontaux, ensuite sur le bouton vert Sauvegarder en bas de l’écran pour appliquer vos changements. Assurez-vous de prévisualiser votre page pour vérifier que tout apparaît comme souhaité.