Kurze Antwort
Kopieren Sie den Shortcode Ihrer Tabelle (zum Beispiel [wptb id=123]) über Embed im Builder von WP Table Builder. Fügen Sie im Divi Builder einer Zeile ein Code -Modul (oder ein Text -Modul) hinzu, fügen Sie den Shortcode ein und speichern Sie. Sie können auch das Modul WP Table Builder verwenden, das im Embed-Dialog des Plugins erwähnt wird. Klicken Sie in Divi auf Save und sehen Sie sich die Seite an.
Divi ist ein WordPress-Theme und Page Builder von Elegant Themes. Tabellen von WP Table Builder lassen sich in jedes Divi-Layout einfügen, auch in den Theme Builder.
Voraussetzungen #
| Punkt | Details |
|---|---|
| Tarif | WP Table Builder Free oder Pro |
| Theme oder Builder | Divi-Theme oder Divi-Builder-Plugin |
| Eine gespeicherte Tabelle | Siehe So erstellen Sie Ihre erste Tabelle in WP Table Builder , falls Sie noch keine haben |
| Benötigte Zeit | Etwa 2 Minuten |
Schritt 1: Den Shortcode der Tabelle kopieren #
- Gehen Sie zu WP Table Builder > All Tables und klicken Sie auf Edit unter Ihrer Tabelle.
- Klicken Sie auf Embed in der oberen Leiste und klicken Sie auf Copy neben dem Shortcode.
Schritt 2: Ein Modul in Divi hinzufügen #
- Öffnen Sie die Seite und klicken Sie auf Enable Visual Builder (oder bearbeiten Sie sie im Backend-Builder).
- Klicken Sie auf das graue + in einer Zeile, um ein Modul hinzuzufügen.
- Wählen Sie das Modul WP Table Builder , falls es in der Liste erscheint, oder das Modul Code .
Schritt 3: Den Shortcode einfügen #
Fügen Sie den Shortcode in das Inhaltsfeld des Moduls ein und klicken Sie auf das grüne Häkchen, um das Modul zu speichern.
Schritt 4: Speichern und die Seite prüfen #
Klicken Sie auf Save in der unteren Leiste des Divi Builders und sehen Sie sich dann die Seite an. Der Divi Builder führt eventuell nicht alle Tabellenskripte aus, prüfen Sie daher Suche, Sortierung und responsives Verhalten auf der Live-Seite.
Fehlerbehebung #
- Die Tabelle sieht anders aus als im Builder: Divi-Stile können Tabellen beeinflussen. Aktivieren Sie Disable theme styles unter WP Table Builder > Settings > General. Siehe So deaktivieren Sie Theme-Stile für eine Tabelle.
- Die Tabelle ist auf Smartphones zu breit: aktivieren Sie horizontales Scrollen oder Responsive-Modus.
Häufig gestellte Fragen #
Funktioniert WP Table Builder mit Divi?
Ja. Fügen Sie den Tabellen-Shortcode in ein Code- oder Text-Modul ein oder verwenden Sie das Modul von WP Table Builder und speichern Sie dann die Seite.
Kann ich einer Vorlage im Divi Theme Builder eine Tabelle hinzufügen?
Ja. Fügen Sie der Vorlage ein Code-Modul mit dem Tabellen-Shortcode hinzu, zum Beispiel einer Beitragsvorlage oder dem Footer.
Warum verändern Divi-Stile meine Tabelle?
Divi wendet eigene Stile auf Tabellen an. Aktivieren Sie Disable theme styles in den Einstellungen von WP Table Builder, um das eigene Design der Tabelle zu behalten.
