Réponse rapide
Copiez le shortcode de votre tableau (par exemple [wptb id=123]) depuis Embed dans le constructeur WP Table Builder. Dans Divi Builder, ajoutez un module Code (ou un module Texte ) à une rangée, collez le shortcode et enregistrez. Vous pouvez aussi utiliser le module WP Table Builder mentionné dans la boîte de dialogue Embed de l’extension. Cliquez sur Save dans Divi et affichez la page.
Divi est un thème et constructeur de pages WordPress d’Elegant Themes. Les tableaux WP Table Builder peuvent être ajoutés à n’importe quelle mise en page Divi, y compris le Theme Builder.
Prérequis #
| Élément | Détails |
|---|---|
| Offre | WP Table Builder gratuit ou Pro |
| Thème ou constructeur | Thème Divi ou extension Divi Builder |
| Un tableau enregistré | Voir Comment créer votre premier tableau dans WP Table Builder si vous n’en avez pas encore |
| Temps nécessaire | Environ 2 minutes |
Étape 1 : Copier le shortcode du tableau #
- Allez dans WP Table Builder > All Tables et cliquez sur Edit sous votre tableau.
- Cliquez sur Embed dans la barre supérieure et cliquez sur Copy à côté du shortcode.
Étape 2 : Ajouter un module dans Divi #
- Ouvrez la page et cliquez sur Enable Visual Builder (ou modifiez-la dans le constructeur d’administration).
- Cliquez sur le + gris dans une rangée pour ajouter un module.
- Choisissez le module WP Table Builder s’il apparaît dans la liste, ou le module Code .
Étape 3 : Coller le shortcode #
Collez le shortcode dans le champ de contenu du module et cliquez sur la coche verte pour enregistrer le module.
Étape 4 : Enregistrer et vérifier la page #
Cliquez sur Save dans la barre inférieure de Divi Builder, puis affichez la page. Le constructeur Divi peut ne pas exécuter tous les scripts du tableau, vérifiez donc la recherche, le tri et le comportement responsive sur la page publiée.
Dépannage #
- Le tableau est différent de celui du constructeur : les styles de Divi peuvent affecter les tableaux. Activez Disable theme styles dans WP Table Builder > Settings > General. Voir Comment désactiver les styles du thème pour un tableau.
- Le tableau est trop large sur téléphone : activez défilement horizontal ou mode responsive.
Questions fréquentes #
WP Table Builder fonctionne-t-il avec Divi ?
Oui. Collez le shortcode du tableau dans un module Code ou Text, ou utilisez le module WP Table Builder, puis enregistrez la page.
Puis-je ajouter un tableau à un modèle Divi Theme Builder ?
Oui. Ajoutez au modèle un module Code avec le shortcode du tableau, par exemple dans un modèle d’article ou le pied de page.
Pourquoi les styles de Divi modifient-ils mon tableau ?
Divi applique ses propres styles aux tableaux. Activez Disable theme styles dans les réglages de WP Table Builder pour conserver le design du tableau.
