• Base de connaissance
    • WordPress
    • WooCommerce
    • Divi
    • Infomaniak
    • Outils et bonnes pratiques
    • Avancé
  • Résoudre un problème WordPress

WordPress

16
  • Bien démarrer
    • Se connecter à l’administration WordPress
    • Découvrir le tableau de bord WordPress
  • Réglages généraux
    • Comprendre les réglages WordPress
    • Comprendre et configurer les permaliens WordPress
  • Mises à jour & maintenance
    • Mettre à jour WordPress, thèmes et extensions
    • Que faire avant une mise à jour importante?
  • Les thèmes
    • Qu’est-ce qu’un thème WordPress?
  • Contenu (pages & articles)
    • Différence entre pages et articles
    • Créer et modifier une page WordPress
    • Utiliser les brouillons WordPress
    • Créer et modifier un article
    • Comment planifier la publication d’un article WordPress
  • Médias
    • Quels types de fichiers utiliser sur un site WordPress?
    • Ajouter et optimiser une image dans WordPress
  • Menus & navigation
    • Créer et modifier un menu
  • Utilisateurs & rôles
    • Gérer les utilisateurs et les rôles

WooCommerce

7
  • Démarrage WooCommerce
    • Accéder et comprendre WooCommerce
  • Produits
    • Créer un produit variable
    • Créer un produit simple
  • Livraisons
    • Configurer les frais et modes de livraison
  • Paiements
    • Configurer les moyens de paiement
  • Commandes
    • Gérer les commandes WooCommerce
  • Emails & notifications
    • Emails WooCommerce: que reçoit le client?

Divi

11
  • Bases de Divi
    • Installer et activer Divi
    • Ouvrir et utiliser l’éditeur Divi
  • Structure des pages Divi
    • Ajouter et organiser les sections et lignes
    • Comprendre les sections, lignes et modules Divi
  • Modifier le contenu avec Divi
    • Dupliquer, déplacer et supprimer des éléments Divi
    • Modifier un module avec Divi
  • Mise en page et design
    • Gérer la mise en page et le design avec Divi
    • Adapter une page Divi pour mobile et tablette
  • Outils et bonnes pratiques Divi
    • Problèmes fréquents et dépannage Divi
    • Bonnes pratiques pour travailler avec Divi
    • Utiliser la bibliothèque Divi

Infomaniak

9
  • Manager Infomaniak
    • Se connecter au manager Infomaniak
  • Domaines
    • Gérer son nom de domaine
  • Emails
    • Comprendre POP, IMAP et SMTP
    • Configurer une adresse email Infomaniak sur Android et Outlook
    • Dépannage emails: ne reçoit pas / ne peut pas envoyer
    • Configurer une adresse email Infomaniak sur iPhone et Mac
    • Créer et gérer une adresse email
  • Hébergement web
    • Comprendre son hébergement web
  • Sauvegardes & restauration
    • Sauvegardes Infomaniak: comment restaurer son site

Outils et bonnes pratiques

10
  • Bonnes habitudes
    • Bien gérer et stocker ses mots de passe
    • Éviter les erreurs courantes lors des mises à jour
    • Tester un site avant publication
    • Bonnes habitudes avant de modifier un site
  • Contenus et rédaction
    • Rédiger un article de blog: méthode simple et efficace
  • Productivité
    • Raccourcis clavier utiles pour le web
  • Navigateurs et extensions
    • Comprendre le cache et vider le cache du navigateur
    • Tester un site comme un visiteur
    • Navigateurs recommandés pour gérer un site web
    • Extensions navigateur utiles pour le web

Avancé

20
  • Divi (code)
    • Déplacer le logo Google reCAPTCHA v3
    • [CSS] Supprimer la sidebar sur une page Divi
    • [CSS] Ajouter un espace entre les éléments d’une liste
    • [CSS] Personnaliser les puces d’une liste (bullet points)
    • [CSS] Inverser l’ordre des colonnes sur mobile dans Divi
    • [CSS] Conserver les colonnes sur mobile dans une section Divi
    • [CSS] Masquer la légende dans la lightbox d’une galerie Divi
    • [DIVI] [CODE] Masquer les infos au survol des images
    • [CSS+CODE] Conserver la couleur du lien actif dans un menu one-page
    • [CSS] Centrer verticalement un module Divi
  • WordPress (code)
    • [WordPress] Autoriser l’upload de tous types de fichiers
    • [WordPress] Désactiver l’affichage des alertes PHP
  • WooCommerce (code)
    • [WooCommerce] Masquer les autres frais de livraison si la livraison gratuite est disponible
    • [WooCommerce] Limiter les frais d’expédition avec un montant maximum
    • [WooCommerce] Comprendre le calcul des frais d’expédition: par classe ou par commande
    • [WooCommerce] Utiliser des formules avancées pour calculer les frais d’expédition
    • [WooCommerce] Structurer ses frais d’expédition avec les classes et les formules
    • [WooCommerce] Calculer les frais d’expédition avec une classe de livraison
    • [WooCommerce] Modifier le texte “Disponible sur commande”
    • [WooCommerce] Afficher le code promo utilisé dans l’email de confirmation
View Categories
  • Accueil
  • Docs
  • Divi
  • Bases de Divi
  • Ouvrir et utiliser l’éditeur Divi

Ouvrir et utiliser l’éditeur Divi

Temps de lecture estimé: 2 min

Une fois le thème Divi installé et activé, tu peux utiliser son constructeur visuel pour créer et modifier le contenu de tes pages. L’éditeur Divi te permet de travailler directement sur la page, avec un aperçu en temps réel.

Dans cet article, tu vas apprendre comment ouvrir l’éditeur Divi et comprendre ses principes de base.

En bref #

  • L’éditeur Divi s’ouvre depuis une page ou un article
  • Les modifications sont visibles immédiatement
  • Les changements doivent être enregistrés manuellement

Ouvrir l’éditeur Divi #

1. Accéder à une page #

Depuis le tableau de bord WordPress, clique sur Pages, puis sur Toutes les pages.

Clique sur le titre de la page que tu souhaites modifier.

2. Activer le Divi Builder #

Dans l’écran d’édition de la page, clique sur Utiliser le Divi Builder.

Si l’éditeur visuel ne s’ouvre pas automatiquement, clique ensuite sur Utiliser le constructeur visuel.

Comprendre l’interface Divi #

1. La zone de travail #

La page affichée correspond exactement à ce que verront les visiteurs.
Tu peux cliquer directement sur les éléments pour les modifier.

2. Les contrôles des éléments #

En survolant un élément, des icônes apparaissent pour:

  • modifier l’élément
  • le dupliquer
  • le supprimer

3. Le menu inférieur #

En bas de l’écran se trouve un menu qui permet notamment:

  • d’accéder aux réglages globaux
  • d’ouvrir l’historique des actions
  • d’enregistrer les modifications

Enregistrer les modifications #

Les changements effectués dans Divi ne sont pas enregistrés automatiquement.

Pour sauvegarder ton travail, clique sur l’icône violette en bas de l’écran, puis sur Enregistrer.

Points d’attention #

  • Sans enregistrement, les modifications sont perdues
  • Divi agit uniquement sur la page en cours
  • Évite de fermer l’onglet sans sauvegarder

Astuce utile #

Utilise régulièrement l’enregistrement pour sécuriser ton travail, surtout lors de modifications importantes.

Pour aller plus loin #

Pour utiliser Divi efficacement, il est important de comprendre sa structure.

  • Comprendre les sections, lignes et modules Divi
Updated on mars 16, 2026

Comment as-tu trouvé cet article?

  • Happy
  • Normal
  • Sad
Installer et activer DiviInstaller et activer Divi
Table des matières
  • En bref
  • Ouvrir l’éditeur Divi
    • 1. Accéder à une page
    • 2. Activer le Divi Builder
  • Comprendre l’interface Divi
    • 1. La zone de travail
    • 2. Les contrôles des éléments
    • 3. Le menu inférieur
  • Enregistrer les modifications
  • Points d’attention
  • Astuce utile
  • Pour aller plus loin

Base de connaissance
WordPress
WooCommerce
Divi
Infomaniak
Outils et bonnes pratiques

Vous ne trouvez pas de réponse?
Contactez notre support.

Demande d'assistance

LÉGAL
Politique de confidentialité

© DrGeek.com 2026 | Tous droits réservés
créé par AL&JE