Divi Builder Review: Ein moderner WordPress Page Builder

Veröffentlicht: 2015-10-20
Bewertung der Redaktion
4,5/5
Divi Builder Review: Ein moderner WordPress Page Builder

Zusammenfassung

Divi Builder ist eine fortschrittliche Lösung zum Erstellen von WordPress-Seiten, die ständig verbessert und verfeinert wird. Sein Templating-System ist fantastisch, und seine visuellen Builder- und Legacy-Builder-Bearbeitungsmodi vereinfachen die Aufgabe, professionelle Layouts zu erstellen. Empfohlen.

Divi Builder ist eine fortschrittliche Lösung zum Erstellen von WordPress-Seiten, die ständig verbessert und verfeinert wird. Sein Templating-System ist fantastisch, und seine visuellen Builder- und Legacy-Builder-Bearbeitungsmodi vereinfachen die Aufgabe, professionelle Layouts zu erstellen. Empfohlen.

Vorteile

Der Theme Builder und die Divi-Bibliothek helfen Ihnen beim Erstellen vollständiger Website-Designs

Riesige Sammlung wunderschöner vorgefertigter Layouts

Inhaltsmodule, Spalten, Zeilen und Abschnitte können alle einfach angepasst werden

Die Mitgliedschaft bei Elegant Themes bietet ein hervorragendes Preis-Leistungs-Verhältnis

Fantastische Lösung für Anfänger, Fortgeschrittene und Fortgeschrittene

Nachteile

Divi Builder kann nicht separat erworben werden

Im Gegensatz zu Beaver Builder und Elementor ist keine kostenlose Version von Divi Builder verfügbar

Es fehlen einige Inhaltsmodule, die in alternativen Lösungen zu finden sind

Divi Builder wird zu Recht als einer der besten Drag-and-Drop-Seitenersteller auf dem Markt angesehen. Mit diesem beliebten WordPress-Plugin können Sie innerhalb von Minuten komplexe responsive Website-Layouts erstellen, ohne Code zu verwenden.

Selbst wenn Sie keine Erfahrung mit dem Entwerfen von Websites haben, können Sie daher mit Divi Builder schöne Websites erstellen und Rich Media in Ihre Inhalte einfügen, z. B. Bilder, stilvollen Text, Videos, Formulare, Tabellen und mehr.

Kopieren Sie das Modul im Visual Builder

In diesem Artikel möchte ich Ihnen zeigen, wie Sie mit Divi Builder professionelle Website-Layouts und -Seiten erstellen können.

Dies gibt Ihnen ein besseres Verständnis dafür, warum so viele Website-Eigentümer dieses WordPress-Plugin verwenden.

Was bietet Divi Builder?

Ende 2018 veröffentlichte WordPress die Version 5.0 ihrer Software. Dies war eine bedeutende Veröffentlichung, da sie den alten WYSIWYG-Editor (What You See Is What You Get) durch einen neuen Drag-and-Drop-Blockeditor namens Gutenberg ersetzte.

Jetzt, da WordPress mit einem Drag-and-Drop-Seitenersteller geliefert wird, fragen Sie sich vielleicht, warum jemand eine alternative Seitenerstellungslösung wie Divi Builder kaufen möchte.

Ich mag die Einfachheit des neuen WordPress-Blockeditors, aber wenn Sie ihn verwendet haben, werden Sie sich bewusst sein, dass es sich um eine grundlegende Lösung handelt, die viele Einschränkungen und wenige Anpassungsoptionen hat.

Im Gegensatz dazu sind die Möglichkeiten mit Divi grenzenlos. Es kann alles von einfachen Blog-Designs bis hin zu komplexen Online-Shops und Firmen-Websites erstellen. Es bringt den Seitenaufbau wirklich auf eine ganz neue Ebene.

Ein Beispiel für Divi Builder

Divi Builder wurde 2015 als eigenständige Seitenerstellungslösung eingeführt, die mit jedem WordPress-Theme funktioniert. Bisher konnte diese Funktionalität nur innerhalb des Divi WordPress-Themes verwendet werden, das zwei Jahre zuvor von Elegant Themes veröffentlicht wurde.

Das Plugin wurde im Laufe der Jahre kontinuierlich erweitert und verfeinert. Elegant Themes veröffentlicht regelmäßig Updates in seinem Blog, die Fehlerkorrekturen, Optimierungen und wichtige neue Funktionen enthalten.

Ein gutes Beispiel für die Entwicklung von Divi Builder ist der visuelle Builder. In den früheren Versionen von Divi Builder wurden benutzerdefinierte Layouts im WordPress-Editor erstellt. Später wurde ein benutzerfreundlicher „Visual Builder“ hinzugefügt, der Ihnen hilft, Layouts im Frontend Ihrer Website zu erstellen.

Der visuelle Builder steht als Hauptbenutzeroberfläche von Divi Builder im Mittelpunkt, Sie können jedoch weiterhin Layouts im Backend mit dem Legacy-Builder erstellen, wenn Sie dies wünschen (dazu später mehr).

Divi Builder verfügt über ein Bibliothekssystem, mit dem Sie jedes von Ihnen erstellte Layout speichern können. Sie können dann Layouts aus Ihrer Bibliothek laden, wenn Sie sie benötigen, und sie an die Seite anpassen, auf der Sie sie verwenden.

Das Plugin enthält über 1.000 beeindruckende vorgefertigte Layouts und weitere werden über den offiziellen Divi-Marktplatz und Marktplätze von Drittanbietern veröffentlicht.

Diese Designs sind fantastische Ausgangspunkte für Ihre eigenen benutzerdefinierten Layouts und Website-Designs. Ich bin ein großer Fan von ihnen, da sie die Zeit, die Sie für die Erstellung eines einzigartigen Layouts aufwenden müssen, drastisch reduzieren.

Divi Builder-Layouts

Das eigentliche Verkaufsargument von Divi Builder ist die Anpassung.

Nachdem Sie einige Zeit damit verbracht haben, sich mit der Funktionsweise von Divi Builder vertraut zu machen, beginnen Sie zu schätzen, wie vielseitig das Plugin ist. Jedes Element auf Ihrer Seite kann angepasst werden, sei es Styling, Module, Zeilen, Spalten oder irgendetwas anderes.

Einfach gesagt, wenn es auf der Seite ist, können Sie es ändern.

Designkontrolle von Divi Builder

Divi Builder bietet großartige Unterstützung für WooCommerce; Elegant Themes nennen diese Integration „WooBuilder“.

Mit Divi Builder können Sie benutzerdefinierte Layouts für Produktseiten erstellen und WooCommerce-spezifische Inhaltsmodule hinzufügen. Vorgefertigte Layouts für Online-Shops sind ebenfalls verfügbar.

WooCommerce im Divi Builder

Schauen wir uns genauer an, wie Divi Builder funktioniert…

Starten des Visual Builder

Sobald das Divi Builder WordPress-Plug-in auf Ihrer Website aktiviert wurde, sehen Sie oben auf Ihren Beiträgen, Seiten und benutzerdefinierten Beitragstypen die Schaltfläche „Den Divi Builder verwenden“.

Über den WordPress-Editor kann auch auf einen kleinen Einstellungsbereich zugegriffen werden, mit dem Sie die Breite Ihres Inhalts ändern können.

Verwenden Sie die Divi Builder-Schaltfläche

Wenn Sie zu einem Blogbeitrag oder einer Seite gehen und auf die Schaltfläche Divi Builder klicken, wird eine Meldung angezeigt, die besagt, dass „Dieses Layout mit Divi erstellt wurde“.

Sie müssen auf diese Schaltfläche klicken, um Divi Builder im Frontend Ihrer Website zu starten.

Beachten Sie jedoch, dass Divi Builder nicht funktioniert, wenn Sie die Einstellung für den visuellen Editor in Ihrem WordPress-Profilbildschirm deaktivieren.

Bearbeiten Sie mit dem Divi Builder

Wenn Sie einen brandneuen Blogbeitrag oder eine brandneue Seite erstellen, haben Sie die Möglichkeit, Divi Builder oder den standardmäßigen WordPress-Editor zu verwenden.

Erstellen Sie Ihr Layout mit Divi

Alternativ können Sie Divi Builder direkt vom Frontend Ihrer Website aus der WordPress-Admin-Leiste starten. Der Link „Visual Builder aktivieren“ wird auf Ihrer Website angezeigt, wenn Sie angemeldet sind.

Aktivieren Sie Visual Builder

Obwohl Divi Builder im Allgemeinen von WordPress-Benutzern als Ersatz für den Standard-WordPress-Editor verwendet wird, kann es mithilfe des Divi-Layout-Blocks mit dem Gutenberg-Editor harmonieren.

Der Divi-Layout-Block kann in jeden Bereich Ihrer Seite eingefügt und neben regulären WordPress-Editor-Blöcken platziert werden.

Divi-Layoutblock

Mehrere Divi-Layout-Blöcke können in Ihren Inhalt eingefügt werden. Sie können innerhalb des Blocks ganz neue Layouts erstellen oder zuvor gespeicherte Layouts aus Ihrer Divi-Bibliothek laden.

Wie Sie sehen können, ergänzt Divi Builder WordPress unglaublich gut, indem es nicht Ihre gesamte Website übernimmt. Sie müssen Divi Builder nur verwenden, wenn Sie es brauchen.

Divis schöne Layouts

Wenn Divi Builder gestartet wird, werden Ihnen drei Optionen angezeigt.

Sie können ein neues Layout von Grund auf neu erstellen, ein vorgefertigtes Layout auswählen oder eine vorhandene Seite klonen.

Der Divi Builder-Auswahlbildschirm

Wenn Sie ein vorgefertigtes Layout auswählen, lädt die Divi-Bibliothek alle vorgefertigten Designs und zeigt sie an. Machen Sie sich keine Sorgen, wenn Sie dies versehentlich schließen, da es jederzeit aus dem Hauptmenü von Divi Builder geladen werden kann.

Zum Zeitpunkt des Schreibens sind über 1.100 Layouts und 149 Layoutpakete verfügbar. Die Designs sind in 13 Kategorien unterteilt: Art & Design, Business, Community & Non-Profit, Education, Events, Fashion & Beauty, Food & Drink, Health & Fitness, Lifestyle, Online Store, Services, Simple und Technology.

Wenn Sie möchten, können Sie einfach die vorgefertigte Layout-Bibliothek durchsuchen. Sie können in diesem Bereich auch Ihre gespeicherten Layouts und vorhandenen Seiten anzeigen.

Laden Sie ein Layout aus der Bibliothek

Ein Layoutpaket ist eine Sammlung von Layouts, die Designs für verschiedene Bereiche Ihrer Website enthält. Es kann beispielsweise ein Layout für Ihre Homepage, eines für Ihren Blog, eines für Ihre About-Seite und eines für Ihren Shop enthalten.

Durch Klicken auf die Demo-Schaltfläche wird eine Live-Vorschau des Designs geladen. Sie können Demos aller Layouts auf der Seite Divi Layout Packs anzeigen.

Wenn Sie auf „Dieses Layout verwenden“ klicken, beginnt Divi Builder mit dem Import des betreffenden Layouts oder Layoutpakets.

Mode-Landepaket

Wie alle WordPress-Seitenerstellungslösungen fügt Divi Builder Layouts direkt in den Hauptinhaltsbereich von Beiträgen, Seiten und benutzerdefinierten Beitragstypen ein.

Wenn Sie also ein Layout in einen Blogbeitrag importieren, wird eine Seitenleiste angezeigt, es sei denn, Sie entfernen sie manuell. Auf Seiten ist dieser Vorgang einfacher, da die meisten WordPress-Designs eine Seitenvorlage in voller Breite oder eine Zielseitenvorlage aufweisen, die die Seitenleiste entfernt.

Baumarkt-Layout

Sobald Sie ein Layout importiert haben, können Sie mit der Anpassung des Designs beginnen, um es zu Ihrem eigenen zu machen. Alle Änderungen, die Sie vornehmen, können gespeichert und jederzeit wiederverwendet werden.

Layouts können auch kategorisiert werden, was Sie nützlich finden werden, wenn Ihre Bibliothek mit Layouts wächst.

Zur Bibliothek hinzufügen

Das Divi-Hauptverwaltungsmenü enthält Links zum Divi Theme Builder und zur Divi-Bibliothek.

Divi Builder-Admin-Menü

Mit Divi Theme Builder können Sie einzigartige Seitenvorlagen erstellen, die eine definierte Kopf-, Text- und Fußzeile haben.

Sie können Ihren Vorlagen ein beliebiges Layout zuweisen und genau definieren, welche Bereiche Ihrer Website angezeigt werden sollen.

Sie könnten beispielsweise eine Vorlage für Ihre Homepage und Ihren Blog erstellen, eine für Ihren Online-Shop, eine für 404-Fehlerseiten und eine weitere für eine Reihe von Blogbeiträgen, die Sie veröffentlicht haben.

Neue Vorlage hinzufügen

Jedes gespeicherte Layout wird auf der Hauptseite der Divi-Bibliothek angezeigt.

Von diesem Bereich aus können Sie auf alle Layouts zugreifen, Layoutkategorien ändern und Layouts importieren und exportieren.

Divi-Bibliothek

Wenn Sie ein Layout auf der Hauptlayoutseite bearbeiten, wird Ihr Layout in der „Drahtgitteransicht“ angezeigt.

Dieser Modus ähnelt dem Aussehen und Verhalten des alten Builders. Wenn Sie möchten, können Sie zurück zum Frontend Visual Builder wechseln, aber Sie sollten feststellen, dass dies eine großartige Möglichkeit ist, die Struktur Ihres Layouts anzuzeigen und einige schnelle Änderungen vorzunehmen.

Bearbeiten Sie ein gespeichertes Layout

Mit der großen Sammlung vorgefertigter Layouts von Divi Builder können Sie in wenigen Minuten fantastische Designs erstellen. Sie sind ein großartiger Ausgangspunkt für Ihre eigenen benutzerdefinierten Layouts, und indem Sie die verfügbaren Layouts durchsuchen, können Sie mehr darüber erfahren, wie Divi Builder funktioniert.

Ohne Zweifel sind die Vorlagensysteme Divi Library und Divi Theme Builder das Rückgrat von Divi Builder und einer der Gründe, warum Divi so vielseitig ist und warum professionelle Designs so schnell erstellt werden können. Es ist eine Funktion, die in alternativen Lösungen wie dem standardmäßigen WordPress-Blockeditor noch fehlt.

Die Visual Builder-Schnittstelle

Jeder WordPress-Seitenersteller funktioniert anders, daher müssen Sie sich mit der Funktionsweise des visuellen Builders von Divi Builder vertraut machen.

Die Hauptschnittstelle für Divi Builder wird unten auf jeder Seite angezeigt. Wenn das Menü minimiert wurde, wird nur eine Schaltfläche mit drei Punkten angezeigt.

Divi Builder-Schnittstelle, wenn geschlossen

Durch Klicken auf die Schaltfläche mit den drei Punkten wird die Hauptschnittstelle geladen.

Auf der linken, mittleren und rechten Seite der Seite werden viele Optionen angezeigt.

Divi Builder-Schnittstelle

Auf der linken Seite befinden sich sechs Schaltflächen. Die Schaltfläche mit den drei vertikalen Punkten lädt das Einstellungsmenü des visuellen Builders.

In diesem Menü können Sie dem Menü drei zusätzliche Schaltflächen für den Schwebemodus, den Klickmodus und den Rastermodus hinzufügen. Der Hover-Modus zeigt Optionen für verschiedene Teile Ihrer Seite an, wenn Sie mit der Maus darüber fahren, während Sie im Klickmodus auf diesen bestimmten Teil der Seite klicken müssen. Das Grid-Menü zeigt alles auf einmal.

Hier gibt es mehrere andere Optionen zum Ändern der Standardanzeigemodi und zum Aktivieren/Deaktivieren wichtiger Funktionen.

Visual Builder-Einstellungen

Die anderen Schaltflächen auf der linken Seite des Visual Builder dienen der Drahtmodellansicht, dem Vergrößern und Verkleinern Ihres Designs und der Anzeige Ihrer Seite auf Desktop-, Tablet- und Mobilgeräten.

All diese Funktionen können Ihnen helfen zu sehen, wie Ihre Seite aufgebaut ist und wie sie in vielen verschiedenen Situationen aussieht.

Ich bin ein großer Fan des Wireframe-Ansichtsmodus, da er alle Designelemente entfernt und zeigt, wie die Seite strukturiert ist. Dies ist besonders hilfreich, wenn Sie Dinge verschieben und ihre Position ändern.

Divi Builder Wireframe-Ansicht

In der Mitte der Visual Builder-Oberfläche befinden sich sieben Schaltflächen: drei links, drei rechts und ein großes X in der Mitte, das das Menü schließt.

Die erste Schaltfläche auf der linken Seite lädt die Divi-Bibliothek, die zweite speichert Layouts in Ihrer Bibliothek und die dritte löscht das Seitenlayout.

Auf der anderen Seite sehen Sie Schaltflächen für Seiteneinstellungen, Bearbeitungsverlauf und Portabilität.

Im Feld Seiteneinstellungen können Sie den Seitentitel, den Auszug, das vorgestellte Bild, die Hintergrundfarben, das Styling, den Split-Test, die Sichtbarkeit und vieles mehr ändern.

Einstellungen der Visual Builder-Seite

Die Möglichkeit, Änderungen rückgängig zu machen und zu wiederholen, bedeutet, dass Sie sich nie Sorgen machen müssen, Fehler zu machen. Sie können Änderungen jederzeit rückgängig machen und zu früheren Zuständen des aktuellen Layouts und für globale Layouts zurückkehren.

Die Portabilitätsschaltfläche ist ebenfalls nützlich, da Sie damit Ihr Seitenlayout exportieren und importieren können.

Bearbeitungsverlauf von Divi Builder

Auf der rechten Seite der Divi Builder-Oberfläche sehen Sie eine Suchschaltfläche, eine Hilfeschaltfläche und eine Schaltfläche zum Speichern Ihres Layouts.

Mit Divi können Sie Anzeigemodi, Einstellungen, Dokumentation und mehr durchsuchen. Durch Klicken auf ein Suchergebnis wird die Funktion sofort geladen.

Divi Builder-Suche

Die Divi Builder Helper Box ist ebenfalls unglaublich nützlich. Es zeigt mehrere Video-Tutorials und zeigt einen Verweis auf Tastaturkürzel.

Diese Shortcuts können verwendet werden, um das Erstellen von Layouts zu beschleunigen. Es gibt Verknüpfungen zum Rückgängigmachen und Wiederherstellen von Änderungen, zum Speichern Ihres Layouts, zum Ändern des Ansichtsmodus, zum Kopieren von Modulen und mehr.

Divi Builder-Hilfsbox

Elegant Themes haben eine detaillierte Anleitung zum Visual Builder, die erklärt, wie alles funktioniert.

Es ist eine fantastische Referenz, aber wenn Sie Divi zum ersten Mal verwenden, empfehle ich, ein vorgefertigtes Layout zu laden, damit Sie mit allem herumspielen können. Es wird Ihnen helfen zu sehen, wie alles zusammenhängt.

Zeilen, Spalten, Module und mehr

Das Schöne an Seitenerstellern ist, dass Sie jeden Teil Ihrer Seite mit vielen verschiedenen Arten von Inhalten füllen können. Dazu gehören Karten, Tabellen, Bilder, Videos, Widgets und mehr.

In einigen WordPress-Seitenerstellern werden diese verschiedenen Inhaltstypen als Blöcke bezeichnet. In anderen werden sie als Elemente bezeichnet.

Divi nennt sie Module .

Leider sind Elegant Themes in ihrer Benennung etwas inkonsistent. Innerhalb von Divi Builder werden sie als Module bezeichnet, aber in ihrem Marketingmaterial und ihrer Dokumentation werden Sie viele Verweise auf Blöcke anstelle von Modulen sehen.

Inhaltsmodule von Divi Builder

Es gibt über 40 Inhaltsmodule in Divi Builder und jedes enthält Dutzende von Anpassungsoptionen, mit denen Sie gestalten können, was das Modul anzeigt.

Module müssen innerhalb von Spalten und Reihen platziert werden.

Wenn Sie ein Seitenlayout mit einer leeren Leinwand beginnen, sehen Sie auf der Seite eine grüne Schaltfläche mit einem Plus-Symbol.

Wenn Sie den Mauszeiger darüber bewegen, sehen Sie eine Option zum Hinzufügen einer neuen Zeile. Der blaue Umriss, der um die Zeile herum angezeigt wird, wird als Abschnitt bezeichnet. Sie können Abschnitten beliebig viele Zeilen und Spalten hinzufügen.

Anders ausgedrückt: Module werden in Spalten platziert, Spalten sind in Zeilen enthalten und Zeilen werden in Abschnitten platziert.

Neue Zeile in Divi Builder hinzufügen

Wenn Sie den Mauszeiger über den Abschnitt bewegen, sehen Sie Schaltflächen zum Verschieben des Abschnitts, zum Zugreifen auf die Abschnittseinstellungen, zum Duplizieren des Abschnitts, zum Speichern des Abschnitts in der Bibliothek und zum Löschen des Abschnitts.

Dieselben Schaltflächen sehen Sie auch oben links in Zeilen und Spalten. Achten Sie darauf, alle Optionen hier zu erkunden, da Sie dadurch besser verstehen, wie Sie steuern, wo Inhalte platziert und wie Inhalte gestaltet werden.

Divi Builder Abschnittseinstellungen

Wenn Sie auf die drei Punkte am Ende des Menüs klicken, werden etwa ein Dutzend zusätzliche Einstellungen angezeigt.

Zusätzliche Abschnittseinstellungen

Wenn Sie in Divi Builder eine neue Zeile hinzufügen, müssen Sie auch auswählen, welche Spaltenstruktur Sie für die Zeile wünschen.

Sie können die Anzahl der angezeigten Spalten später leicht ändern, wenn Sie sich entscheiden, die Dinge anders zu strukturieren. Sie können auch Spalten im Hauptbereich der Leinwand ziehen und ablegen, bis Sie die gewünschte Struktur gefunden haben.

Einfügen einer Zeile

Nachdem Sie eine Zeilen- und Spaltenstruktur ausgewählt haben, erscheint das Feld „Modul einfügen“ und Sie können ein Inhaltsmodul für Ihr Layout auswählen.

Modul in Divi einfügen

Wenn ein Modul ausgewählt wurde, erscheint sein Einstellungsfeld.

Der für jedes Inhaltsmodul verfügbare Grad der Anpassung ist atemberaubend. Sie können jeden Aspekt des Designs definieren, einschließlich Farben, Abstände, Übergänge, benutzerdefiniertes CSS, Position, Effekte und mehr.

Die im Einstellungsfeld angezeigten Optionen ändern sich je nach ausgewähltem Modul.

Divi Builder-Einstellungen

Vorgefertigte Layouts können Ihnen Zeit sparen, aber wenn Sie das Beste aus Divi Builder herausholen und Ihre Layouts einzigartig machen möchten, müssen Sie das Einstellungsfeld für Module, Spalten, Zeilen und Abschnitte erkunden. Dadurch haben Sie die volle Kontrolle über das Styling und die Position von allem auf Ihrer Seite.

Wenn Sie einer Seite eine Menge Module, Spalten, Zeilen und Abschnitte hinzufügen, kann es sein, dass sich einige Bereiche der Seite etwas überfüllt anfühlen. Zum Beispiel gibt es Zeiten, in denen Sie den Mauszeiger über ein Modul bewegen, um seine Einstellungen zu laden, und die Einstellungen für die Zeile und den Abschnitt werden ebenfalls angezeigt.

In diesem Fall empfehle ich, zur Drahtmodellansicht zu wechseln, da alles in einem saubereren Format angezeigt wird.

Preistabelleneinstellungen

Es ist schwierig, genau zu zeigen, wie flexibel Divi Builder bei der Verwendung von Text und Bildern ist.

Daher ermutige ich Sie, einige Zeit auf der offiziellen Divi-Demoseite zu verbringen, um selbst zu sehen, was dieses WordPress-Plugin kann.

Verwenden des Legacy-Builders

Elegant Themes hat den visuellen Builder zur Standardmethode für die Verwendung von Divi Builder gemacht, aber Sie können Layouts trotzdem direkt im WordPress-Editor erstellen, wenn Sie dies wünschen.

Divi nennt den Backend-Editor jetzt „Legacy Builder“.

Um es zu verwenden, müssen Sie in den erweiterten Bereich der Divi Builder-Plug-in-Optionsseite gehen, die neueste Divi Builder-Erfahrung deaktivieren und den klassischen Editor aktivieren.

Aktivieren des Legacy Builder

Über dem Legacy-Builder befinden sich Schaltflächen, um zum Standard-WordPress-Editor zurückzukehren und auf dem Frontend zu bauen.

Diejenigen von Ihnen, die Divi seit Jahren verwenden, werden mit dem Legacy-Builder vertraut sein, der darunter angezeigt wird. Neue Benutzer werden feststellen, dass es dem Drahtmodell-Ansichtsmodus des visuellen Builders ähnelt.

Oben auf der Benutzeroberfläche befindet sich eine Import- und Exportoption, mit der Sie Divi Builder-Layouts sichern und wiederherstellen können. Daneben befindet sich ein Einstellungsmenü mit Split-Tests und einer Vielzahl von Styling-Optionen und CSS-Einstellungen.

Darunter befinden sich Links zum Speichern in der Bibliothek, zum Laden aus der Bibliothek und zum Löschen des Layouts. Auf der anderen Seite finden Sie Schaltflächen, um Änderungen rückgängig zu machen, Änderungen zu wiederholen und einen Änderungsverlauf anzuzeigen.

Divi Builder Legacy-Schnittstelle

Neue Zeilen und Spalten können einfach in Ihre Seite eingefügt werden.

Sie können auch Abschnitte in voller Breite und Spezialabschnitte hinzufügen, in denen sich Spalten über mehrere Zeilen erstrecken.

Spalten einfügen

Da der Legacy-Builder direkt im WordPress-Editor angezeigt wird, können Sie Änderungen an Ihrem Layout nicht in Echtzeit in der Vorschau anzeigen, aber das bedeutet, dass mehr Platz zum Erstellen von Layouts und zum Hinzufügen von Modulen vorhanden ist.

Ich bevorzuge dieses Setup beim Strukturieren der Seite, da es sich weniger beengt anfühlt als der Visual Builder.

Modul hinzufügen

Der alte Builder bleibt eine effiziente Methode zum Erstellen benutzerdefinierter Layouts, da Sie jeden Teil der Seite mithilfe der Drag-and-Drop-Funktion verschieben können.

Für einige Divi-Benutzer ist dies weiterhin die bevorzugte Methode zum Erstellen von Inhalten und Gestalten von Seiten. Ich kann verstehen, warum viele diesen Modus immer noch verwenden, denn sobald Sie verstehen, wie er funktioniert, ist das Erstellen neuer Layouts schnell und mit wenigen Ablenkungen verbunden.

Divi Builder Plugin-Einstellungen

Die überwiegende Mehrheit der Anpassungseinstellungen befindet sich in der Hauptoberfläche von Divi Builder, einige zusätzliche Einstellungen sind jedoch im Hauptmenü von Divi Admin zu finden.

Zusätzlich zu Divi Theme Builder und Divi Library sehen Sie die Hauptoptionsseite des Divi Builder-Plugins, einen Rolleneditor und das Support-Center.

Die Seite mit den Plugin-Optionen ist in vier Abschnitte unterteilt: Updates, API-Einstellungen, Beitragstyp-Integration und Erweitert.

Sie müssen Ihren Elegant Themes-Benutzernamen und API-Schlüssel eingeben, um automatische Updates für Divi Builder zu erhalten.

Divi Builder-Optionen – Aktualisierungen

Um den Inhaltsblock von Google Maps zu verwenden, müssen Sie Ihren Google API-Schlüssel im Abschnitt API-Einstellungen eingeben. Google Fonts können in diesem Abschnitt auch deaktiviert werden.

Divi Builder-Optionen – API-Einstellungen

Mit Divi Builder können Sie genau auswählen, mit welchen Beitragstypen Sie den Seitenersteller verwenden. Beispielsweise könnten Sie Divi Builder für Ihren Galerie-Beitragstyp deaktivieren.

Integrationsoptionen für Beitragstypen

Im erweiterten Bereich finden Sie eine Vielzahl weiterer Einstellungen, z. B. Javascript- und CSS-Minifizierung und Deaktivierung der Divi Builder-Produkttour.

Wie bereits erwähnt, aktivieren Sie hier auch die Legacy-Builder-Oberfläche und ersetzen den WordPress-Blockeditor (Gutenberg) durch den Classic Editor.

Erweiterte Divi Builder-Optionen

Mit dem Divi-Rolleneditor können Sie genau festlegen, was verschiedene Benutzerrollen tun können und was nicht.

Sie können festlegen, ob Benutzer auf die Optionsseite, den Design-Builder, die Hauptschnittstelle von Divi Builder, die Layout-Bibliothek und mehr zugreifen können.

Beispielsweise könnten Sie Mitwirkenden erlauben, beim Schreiben von Blogbeiträgen auf Divi Builder und Layouts zuzugreifen, ihnen jedoch den Zugriff auf die Seite mit den Plug-in-Optionen verweigern.

Divi-Rolleneditor

Die letzte Seite im Divi-Admin-Menü ist das „Divi Builder Help & Support Center“.

Oben auf der Seite wird ein Systembericht angezeigt, der hervorhebt, ob Sie das richtige Hosting-Setup für Divi Builder haben. Ich empfehle, auf diese Seite zu verweisen, wenn Sie Probleme mit Divi haben. Beispielsweise könnten Layout-Importe ins Stocken geraten, weil die Ressourcen begrenzt sind.

Seit ich Divi Builder in meiner Test-WordPress-Website aktiviert hatte, erhielt ich einige Warnungen, dass mein Hosting-Setup nicht optimal sei.

Hier gibt es auch Optionen, um Remote-Zugriff auf Elegant Themes zu gewähren und direkt mit dem Support zu chatten.

Hilfe- und Supportcenter von Divi Builder

Eine Vielzahl von Divi Builder-Tutorials sind ebenfalls von dieser Seite aus verlinkt.

Zusätzlich zu den schriftlichen Tutorials gibt es Video-Tutorials, die Ihnen den Einstieg, die Verwendung vorgefertigter Layouts und die Verwendung der Divi-Bibliothek erleichtern.

Die Support-Seite hat auch eine Option für den abgesicherten Modus und eine Liste der von WP_DEBUG_LOG generierten Fehler.

Hilfe- und Supportcenter von Divi Builder

Divi Builder ist eine benutzerfreundliche Lösung, aber wenn Sie neu im Plugin sind, empfehle ich, einige der bereitgestellten Tutorials durchzugehen, nachdem Sie mit der Divi Builder-Oberfläche herumgespielt haben. Es wird Ihnen ein gutes Verständnis dafür vermitteln, was Divi Builder kann, und Ihnen einige coole Funktionen und Tricks zeigen, die Sie möglicherweise verpasst haben.

Wie viel kostet Divi Builder?

Elegant Themes haben eine der einfachsten und fairsten Preisrichtlinien in der WordPress-Welt.

Sie können eine Elegant Themes-Mitgliedschaft auf Jahresbasis oder als einmalige Gebühr erwerben. Mit beiden Plänen haben Sie Zugriff auf alle Produkte von Elegant Themes und können diese auf so vielen Websites verwenden, wie Sie möchten.

Der Kauf einer Jahreslizenz kostet 89 USD pro Jahr und der Kauf einer lebenslangen Zugriffslizenz 249 USD.

Wenn Sie sich für die Jahreslizenz entscheiden, können Sie die Produkte von Elegant Themes nach Ablauf Ihrer Lizenz weiterhin verwenden. Sie erhalten jedoch keine Unterstützung oder Updates, wenn Ihre Mitgliedschaft abgelaufen ist.

Die lebenslange Zugriffslizenz ist sinnvoll, wenn Sie planen, Elegant Themes-Produkte länger als zwei Jahre zu verwenden.

Alle Lizenzen werden mit einer 30-tägigen Geld-zurück-Garantie ohne Fragen geliefert und Sie können Ihre Mitgliedschaft jederzeit kündigen.

Elegante Themenpläne

Divi Builder ist nur ein Teil des Mitgliedschaftspakets von Elegant Themes.

Eine Mitgliedschaft gibt Ihnen auch Zugriff auf das vielseitige Divi Theme. Dies ist ein großartiges WordPress-Thema, das Sie verwenden können, wenn Sie ein Fan von Divi Builder sind, da die Seitenerstellungsfunktion direkt in das Thema integriert ist.

Die Mitgliedschaft bei Elegant Themes beinhaltet auch das wunderschöne WordPress-Theme Extra für das Magazin – ein Design, das von Divi Builder unterstützt wird.

Ebenfalls in der Mitgliedschaft enthalten ist das E-Mail-Marketing- und Lead-Generierungs-WordPress-Plugin Bloom und das Social-Media-Sharing-WordPress-Plugin Monarch.

Elegante Themenprodukte

Elegant Themes hat einen der besten Support-Bereiche in der WordPress-Welt. Ihr umfangreicher Dokumentationsbereich bietet ausführliche schriftliche und Video-Tutorials für alle ihre Produkte, aber wenn Sie sich bei etwas immer noch nicht sicher sind, können Sie ein Support-Ticket eröffnen, um Hilfe zu erhalten.

Abschließende Gedanken

Ich hoffe, Ihnen allen hat dieser detaillierte Einblick in Divi Builder gefallen.

Dieses WordPress-Plugin ist nach wie vor eine der besten Drag-and-Drop-Seitenerstellungslösungen auf dem Markt und bietet ein hervorragendes Gleichgewicht zwischen Benutzerfreundlichkeit, Funktionen und erweiterten Einstellungen. Die Einbeziehung tausender hochwertiger professioneller Layouts ist das i-Tüpfelchen.

Eine Mitgliedschaft bei Elegant Themes bietet auch weiterhin ein fantastisches Preis-Leistungs-Verhältnis. Daher erhalten diejenigen unter Ihnen, die Divi Builder verwenden möchten, Zugriff auf vier fortgeschrittenere WordPress-Designs und -Plugins.

Wenn Sie Divi Builder in Aktion sehen möchten, besuchen Sie den Vorschaubereich von Divi Builder und die Demoseite von Elegant Themes.

Danke fürs Lesen.

Kevin