Technologische Neuigkeiten, Bewertungen und Tipps!

Divi Builder Plugin von Elegant Themes

Elegant Themes ist ein führender WordPress-Themenspeicher, und sein Hauptthema, Divi, war nicht zuletzt dank seines Tools zum Erstellen von Seiten per Drag & Drop ein voller Erfolg.

Es ist jedoch tatsächlich möglich, auf dasselbe Tool zur Seitenerstellung zuzugreifen, ohne zum Divi-Thema zu wechseln. Dank des Starts des Divi Builder-Plugins können Sie diesen leistungsstarken visuellen Inhaltseditor jetzt zu jeder WordPress-Website hinzufügen, unabhängig davon, welches Thema Sie verwenden!

Wenn Sie mehr Kontrolle darüber haben möchten, wie Ihre WordPress-Website aussieht, ist dieses Plugin möglicherweise genau das, wonach Sie suchen. Lesen Sie weiter, um genau zu erfahren, was es zu bieten hat und wie einfach es zu bedienen ist.

Divi Builder-Funktionen

Divi Builder ist jetzt als eigenständiges Plugin verfügbar und funktioniert mit jedem WordPress-Theme, nicht nur mit Elegant Themes.

Das Divi Builder-Plugin sollte jedem WordPress-Theme einen Drag & Drop-Inhaltseditor hinzufügen.

Während des Tests habe ich es mit einem untergeordneten Thema für das StudioPress Genesis Framework verwendet, und fast alles hat wie erwartet funktioniert. Dies ist ein großes Problem, da das Hinzufügen selbst der grundlegenden Seitenlayout-Edition zu WordPress Ihnen wirklich dabei helfen kann, Ihre Homepage und andere Inhalte auf Ihrer Website zu verbessern.

Sicher, es gibt andere freiberufliche Seitenersteller für WordPress, aber wie wir gleich sehen werden, hat Divi Builder mehrere Funktionen, die es von der Konkurrenz abheben.

Editor für visuellen Inhalt per Drag & Drop

Divi Builder hat vielleicht als Tool zur Erstellung von Back-End-Seiten begonnen, aber jetzt ist es ein echter visueller Front-End-Editor. Dank dieses Updates bearbeiten Sie das Website-Frontend nicht über das W-Back-End oder den WordPress-Dashboard-Bereich Ihrer Website, sondern live über ein WYSIWYG (was Sie sehen, ist was Sie erhalten) Schnittstelle.

Divi Builder verfügt jetzt über einen visuellen WYSIWYG-Frontansicht-Editor zum Erstellen benutzerdefinierter Beiträge und Seitenlayouts.

Der Hauptnachteil von Backend-Seitenerstellern besteht darin, dass Sie nicht wirklich wissen, wie Ihr Design aussehen wird, bis Sie zur Vorderansicht wechseln. Wenn Sie also wie mit der neuesten Version von Divi Builder direkt am Front-End Ihrer Website arbeiten können, erhalten Sie ein genaues Bild davon, wie Ihre Besucher Ihre Inhalte erleben werden. Dies spart Zeit, da Sie nicht ständig zwischen Vorder- und Rückansicht wechseln müssen, und beseitigt auch die Frustration, wenn Sie feststellen, dass Ihre Designs nicht so aussehen, wie Sie es möchten.

Konfigurationseditor für Schaltflächenmodule

Sie können jedes Element auf Ihrer Seite über den visuellen Editor anpassen.

Wie Sie dem obigen Screenshot entnehmen können, können Sie einfach auf ein Element auf der Seite klicken, einschließlich des Texts, und mit der Bearbeitung beginnen. Während Sie am Front-End Ihrer Website arbeiten, können Sie genau sehen, wie die Seite für Ihre Besucher aussehen wird.

Online-Textbearbeitung

Der Text kann online über die Divi Builder-Oberfläche bearbeitet werden.

Das Arbeiten im Back-End-Modus hat jedoch einige Vorteile. Zum einen erhalten Sie einen guten Überblick darüber, wie die Seite erstellt wurde, einschließlich der verwendeten Module und ihrer Organisation. Dies kann auch nützlich sein, wenn Sie ein Layout planen und sich immer noch nicht darum kümmern, wie es aussehen soll, sondern sich stattdessen auf die Seitenstruktur konzentrieren.

Glücklicherweise können Sie mit Divi Builder jetzt in den Wireframe-Modus wechseln, wodurch der Inhalt jedes Moduls effektiv ausgeblendet und die Seitenstruktur hervorgehoben wird. Im Drahtmodellmodus erhalten Sie einen guten Überblick über Ihr Seitenlayout und die verwendeten Module. Dann können Sie schnell Dinge verschieben und das Layout anpassen, ohne dass der Inhalt der Module im Weg steht.

Divi Builder Wireframe-Benutzeroberfläche

Der Wireframe-Modus bietet einen guten Überblick über das Seitenlayout und erleichtert das Scrollen durch ganze Abschnitte.

Durch die Bereitstellung dieser beiden Modi können Sie mit Divi Builder so arbeiten, wie Sie möchten, wann Sie möchten.

Neben dem visuellen Fronteditor und dem Drahtgittermodus wurden der Divi Builder-Oberfläche seit ihrer Veröffentlichung einige weitere Funktionen hinzugefügt. Jetzt können Sie alle im Editor durchgeführten Aktionen einfach rückgängig machen und wiederholen, zu einer mobilen Ansicht wechseln, um zu sehen, wie Ihr Design auf einem Smartphone aussehen wird, und die Ansicht vergrößern und verkleinern, um einen guten Überblick über die gesamte Seite zu erhalten.

Vergrößern und verkleinern

Sie können jetzt vergrößern und verkleinern, um eine bessere Ansicht Ihres Seitenlayouts zu erhalten.

Durch die oben genannten Funktionen fühlt sich Divi Builder eher wie eine eigenständige Webdesign-Softwareanwendung an als wie ein typisches WordPress-Plugin.

Obwohl es eine gute Sache ist, so viele neue Funktionen einzubeziehen, kann eine Benutzeroberfläche, die sich vom Standard-WordPress-Editor unterscheidet, Nachteile haben, wenn es um Benutzerfreundlichkeit geht.

In diesem Sinne werden wir, nachdem wir mehr der besten Funktionen von Divi Builder untersucht haben, die Benutzererfahrung dieses Add-Ons untersuchen.

Wachsende Bibliothek vorgefertigter Websites und Seitenlayouts

Yoga Studio Website Design-Paket

Es gibt 106 vorgefertigte Layoutpakete mit jeweils mehreren individuellen Seitenlayouts.

Wie wir gerade gesehen haben, bietet Divi Builder Nicht-Webdesignern die Möglichkeit, ihre eigenen erweiterten Seitenlayouts zu erstellen, ohne dass Programmierkenntnisse erforderlich sind.

Aber keine Sorge, wenn das Design nicht Ihre Stärke ist – dieses Plugin enthält auch eine große Auswahl an hochwertigen vorgefertigten Designs, die unverändert oder als Grundlage für Ihre eigenen benutzerdefinierten Designs verwendet werden können.

Design-Paket für die Therapeuten-Website

Divi Builder-Layouts können über den visuellen Editor angepasst werden.

Zum Zeitpunkt des Schreibens standen 106 vorgefertigte Website-Design-Pakete zur Auswahl, die aus 791 einzelnen Seitenlayouts bestanden. Jedes Designpaket konzentriert sich auf die Erstellung einer bestimmten Art von Website, einschließlich Websites für Agenturen, Freiberufler, E-Commerce-Geschäfte, Restaurants, Bauunternehmen und viele mehr. Sie können jedoch alle problemlos an andere Projekte angepasst werden.

Website-Design-Bibliothek

Die Bibliothek an Website-Paketen und individuellen Designs wächst ständig.

Sie können nicht nur eine Website mit einem Designpaket und den einzelnen Vorlagen erstellen, sondern auch verschiedene Vorlagen kombinieren, um Ihre eigene Website zu erstellen. Wenn Sie also eine Zielseite in einem Designpaket sehen, das Ihnen gefällt, können Sie sie einfach in Ihre Website einbetten.

Divi Builder Layout Pack Browser

Die Website-Design-Pakete bestehen aus individuellen Designs, die unabhängig von Ihrem Paket verwendet werden können.

Frühere Versionen von Divi Builder enthielten nur eine kleine Anzahl einzelner Seitenlayouts. Jetzt haben Sie Zugriff auf eine wachsende Bibliothek vollständiger Website-Pakete. Dies ist eine weitere Möglichkeit, die Divi Builder im Vergleich zu anderen Plugins für Seitenersteller positiv bewertet. wie Beaver Builder und Elementor.

Nützliche Auswahl an Inhaltsmodulen

Divi Builder enthält über 30 anpassbare Inhaltsmodule, die einfach in Ihre Spalten- und Zeilenlayouts eingefügt werden können. Das ist eine beeindruckende Zahl, aber sind sie wirklich nützlich?

Divi Builder-Aufruf zum Aktionsmodul

Das Call-to-Action-Modul kann Text, Bilder und Schaltflächen enthalten.

Zu den Highlights der Inhaltsmodulbibliothek gehören Call-to-Action-Schaltflächen, Countdown-Timer, E-Mail-Abonnementformulare, Karten, Preisdiagramme, Testimonials, Video-Schieberegler und mehr.

Divi Builder Optin Form Modul

Sie können das E-Mail-Anmeldemodul verwenden, um Ihren Newsletter zu erweitern.

Durch die Aktivierung von Divi Builder auf Ihrer Website wird die Funktionalität unzähliger kostenloser und kommerzieller Plugins auf einmal sofort ersetzt. Dies sollte nicht nur die Belastung Ihrer Website verringern, sondern auch Geld sparen.

Divi Builder Preistabellenmodul

Ein Beispiel für das Divi Builder-Preistabellenmodul.

Die meisten Module verfügen über eine Reihe von Variationen, sodass Sie nicht an die Standardeinstellungen gebunden sind und fast alle über eine beeindruckende Anzahl von Einstellungen verfügen, sodass Sie sie an Ihre Site und Vision anpassen können.

Setup des Divi Builder-Testimonials-Moduls

Jedes Modul, das Sie Ihrer Seite hinzufügen, kann auf irgendeine Weise angepasst werden.

Wenn Sie möchten, dass ein Mehrzweck-Toolkit nahezu jede Art von Website erstellt, sind die Divi Builder-Inhaltsmodule so nah wie möglich.

Divi Builder A / B Test Tool

Es ist großartig, so viel kreative Freiheit auf Ihrer WordPress-Website zu haben, aber es kann schwierig sein zu wissen, welche Auswirkungen Ihre Anpassungen auf die Aktionen Ihrer Besucher haben werden. Während Sie vielleicht denken, dass Ihr individuelles Design und Ihr einzigartiges Farbschema Ihr Publikum begeistern und mehr Conversions erzielen werden, sind Ihre Besucher möglicherweise anderer Meinung.

Divi Builder führt

Mit Divi Leads können Sie mehrere Designs vergleichen und messen, wie effektiv sie gegen Ihre Ziele sind.

Glücklicherweise enthält das Divi Builder-Plugin eine sehr nützliche Funktion, mit der Sie Ihre Designs testen können, um festzustellen, wie effektiv sie für Ihr Publikum sind. Mit dem Divi Leads A / B-Test- und Conversion-Optimierungstool können Sie verschiedene Inhalts- und Layoutvarianten testen, um festzustellen, welche die beste Conversion-Rate erzielt.

Mit der Funktion Divi Leads können Sie schnell mehrere Varianten eines Elements auf Ihrer Seite erstellen, z. B. eine Schaltfläche, eine Bannergrafik oder eine Preistabelle, und dann nach Angabe eines Ziels sehen, auf welches Ziel Ihre Zielgruppe mehr reagiert. positiv.

Divi Builder führt die Split-Tests durch

Sie können schnell zwei Varianten einer Schaltfläche erstellen und sehen, welche am meisten klickt.

Sie können beispielsweise zwei verschiedene Varianten einer Schaltfläche auf Ihrer Seite mit jeweils unterschiedlichem Text erstellen. Divi Leads überwacht dann die Schaltflächenleistung basierend auf dem von Ihnen gewählten Ziel, um beispielsweise zu sehen, auf welche Schaltfläche die meisten Besucher klicken. Wenn genügend Daten gesammelt wurden, um zu zeigen, welche Variante am effektivsten ist, können Sie den Test beenden und die Schaltfläche mit der höchsten Ziel-Conversion-Rate anzeigen und dann die anderen Varianten deaktivieren.

Divi führt Split-Testergebnisse

Die geteilten Testergebnisse von Divi Leads machen es einfach, den Gewinner zu sehen.

Die Ergebnisse der Divi Leads-Optimierungsfunktion sind detailliert, aber leicht verständlich, sodass deutlich wird, welche Variante die besten Ergebnisse liefert.

Wenn Sie versuchen, ein bestimmtes Ziel zu erreichen, z. B. Verkäufe zu generieren, auf einen bestimmten Link zu klicken oder eine niedrigere Absprungrate zu erzielen, ist diese Funktion für die Optimierung Ihrer Website von unschätzbarem Wert.

Divi Rolleneditor

Divi Builder enthält einen Rolleneditor, mit dem Sie einfach steuern können, welche Benutzertypen auf die verschiedenen Elemente des Generators zugreifen können. Wenn Sie Co-Autoren haben, die für Ihr Blog schreiben und nicht möchten, dass sie benutzerdefinierte Layouts für Ihre Beiträge erstellen, werden Sie diese Funktion zu schätzen wissen.

Alternativ möchten Sie möglicherweise, dass Ihre Co-Autoren bestimmte Generatormodule verwenden können, z. B. Header und Bilder in voller Breite, jedoch keine anderen Module. In beiden Fällen können Sie mit dem Rolleneditor genau steuern, wer was tun kann.

Divi Builder Rolleneditor für Autoren

Sie können die Standard-WordPress-Benutzerrollen verwenden, um zu steuern, wer welche Teile von Divi Builder verwenden darf.

Wenn Sie ein Webdesigner sind und befürchten, dass ein Kunde die mit Divi erstellten benutzerdefinierten Designs nach dem Einreichen Ihrer Website beschädigt, hilft der Rolleneditor dabei, die Wahrscheinlichkeit zu verringern, dass dies geschieht.

Divi Builder-Rolleneditor-Module

Mit dem Rolleneditor können Sie detailliert steuern, welche Module Ihren Benutzern zur Verfügung stehen.

Die Einstellungen des Rolleneditors sind sehr detailliert, daher handelt es sich nicht um einen Alles-oder-Nichts-Ansatz. Durch Auswahl einer WordPress-Benutzerrolle als Autor können Sie definieren, welche Elemente des Plugins sie gegebenenfalls verwenden können.

Eine Ausstiegsstrategie aus dem Divi-Thema

Wenn Sie bereits das Divi-Design verwenden, das die Divi Builder-Funktionalität enthält, ist die gute Nachricht, dass Sie mit diesem Plugin auf einfache Weise Themen ändern können, ohne alle Ihre benutzerdefinierten Layouts und Seitenlayouts zu beschädigen.

Durch Aktivieren des Divi Builder-Plugins auf Ihrer Site, jedoch außerhalb des Divi-Themas, haben Sie jetzt eine Exit-Strategie, um das Divi-Theme hinter sich zu lassen (nicht, dass es einen Grund gibt, das Divi-Theme nicht mehr zu verwenden, aber es ist schön, Optionen zu haben).

Es ist erwähnenswert, dass mit Divi Builder erstellte Seiten beschädigt werden, wenn Sie das Plugin auf Ihrer Site deaktivieren. Dies ist zwar von dieser Art von Tool zu erwarten, es ist jedoch erwähnenswert, da das Blockieren von Themen und Plugins ein ernstes Problem darstellt und bei der Auswahl eines neuen Produkts beachtet werden muss.

Glücklicherweise müssen Sie sich mit den Preisplänen, die Divi Builder zur Verfügung stehen und die wir in Kürze sehen werden, keine Sorgen machen, an teure Verträge gebunden zu sein, damit Ihre Website ordnungsgemäß funktioniert.

Benutzererfahrung für Divi Builder Visual Editor

In diesem Abschnitt unseres Testberichts sehen wir uns kurz an, wie es ist, mit diesem Plugin benutzerdefinierte Layouts und Seitenlayouts für Ihre WordPress-Website zu erstellen.

Divi Builder und Gutenberg Editor

Jedes Mal, wenn Sie einen neuen Beitrag oder eine neue Seite erstellen, haben Sie die Möglichkeit, den Standard-WordPress-Editor oder Divi Builder zu verwenden.

Da sich Divi Builder stark vom Standard-WordPress-Editor unterscheidet, fällt es selbst den erfahrensten WordPress-Benutzern möglicherweise schwer, mit diesem Front-End-Generator für visuelle Inhalte zu beginnen.

Um Ihnen dabei zu helfen, gibt es jetzt eine detaillierte Anleitung, die Sie nach dem ersten Start von Divi Builder erstellen können und die Sie durch die Hauptfunktionen des Plugins führt.

Divi Builder Willkommenstour

Die Welcome Tour hilft neuen Benutzern beim Einstieg in Divi Builder.

Sobald Sie die Tour gemacht oder sie übersprungen haben, haben Sie die Möglichkeit, mit einer leeren Seite zu beginnen, ein vorgefertigtes Layout zu laden oder eine vorhandene Seite zu klonen.

Beginnen Sie mit Divi Builder

Sie haben drei Hauptoptionen zum Erstellen eines Seitenlayouts mit Divi Builder.

Unabhängig davon, ob Sie Ihre Seite von Grund auf neu erstellen oder eine Vorlage laden möchten, wie Sie im folgenden Screenshot sehen können, arbeiten Sie nur am Seitenbereich in WordPress mit der Kopfzeile, der Seitenleiste und anderen Bereichen des ausgewählten Themas auf dem Bildschirm.

Standarddesignvorlage von achtzehn achtzehn

Wenn Ihr Thema keine Vorlage in voller Breite enthält, wird die Größe Ihrer Seitenlayouts begrenzt.

Einige WordPress-Designs enthalten eine Vorlage in voller Breite oder im Vollbildmodus, mit der Sie die Kopf-, Fuß- und Seitenleisten auf der Seite, an der Sie arbeiten, ausblenden können, um Vollbildseiten zu erstellen, z Home oder eine Homepage.

Aber wenn Ihr Thema nicht so ist, wie es beim neuesten Standard-WordPress-Thema Twenty Eighteen der Fall ist, können Sie ein kostenloses Plugin wie dieses installieren Vorlagen in voller Breite um sie Ihrer Site hinzuzufügen.

Thema mit einer Vorlage in voller Breite

Mit der richtigen Vorlage können Sie mit Divi Builder Seitenlayouts in voller Breite erstellen, ohne die Kopf- und Fußzeile Ihres Themas zu berücksichtigen.

Unabhängig davon, ob Sie ein Layout in voller Breite erstellen möchten oder nicht, müssen Sie im nächsten Schritt eine Zeile in Ihre Seite einfügen. Da Zeilen in mehrere Spalten unterteilt werden können, bietet Ihnen Divi Builder eine gute Auswahl an Spaltenkombinationen.

Zeile einfügen

Mit Divi Builder erstellte Seitenlayouts bestehen aus Zeilen, Spalten und Modulen.

Sobald Sie eine Zeile eingefügt haben, werden Sie aufgefordert, ein Modul in Ihr Layout einzufügen. Wie wir später in diesem Test sehen werden, stehen eine beeindruckende Anzahl von Modulen zur Auswahl.

Modul in Design einfügen

Divi Builder enthält eine breite Palette an Modulen für Ihre Designs.

Nach dem Hinzufügen eines Moduls zu Ihrer Seite werden die Einstellungen für diese Instanz des Moduls angezeigt. Eines der Hauptverkaufsargumente von Divi Builder ist, dass Sie viel Kontrolle darüber haben, wie Ihre Seiten und die darin enthaltenen Module aussehen und funktionieren.

Moduleinstellungen und -steuerungen

Alle Änderungen, die Sie an einem Modul vornehmen, werden sofort auf der Seite angezeigt.

Um Zeit zu sparen, können Sie im Einstellungsfeld nach den genauen Steuerelementen suchen, nach denen Sie suchen, anstatt auf alle oberen und Dropdown-Menüs zu klicken. Sie können das Bedienfeld auch vergrößern, um mehr Steuerelemente anzuzeigen. Da Divi Builder Ihnen während der Arbeit eine Live-Vorschau der Seite bietet, werden alle Änderungen, die Sie an den Einstellungen vornehmen, sofort auf das Modul angewendet, an dem Sie arbeiten.

Bearbeiten von Online-Text aus Divi Builder

Alle Änderungen, die Sie vornehmen, einschließlich der Textbearbeitung, werden in Echtzeit auf Ihr Seitenlayout angewendet.

Da der nächste Schritt im Seitenentwurfsprozess sofort in der Divi Builder-Oberfläche angezeigt wird, gibt es keine Verwirrung darüber, was zu tun ist. Wenn Sie alle Anweisungen befolgt und die richtigen Schritte unternommen haben, sollte Ihre Seite Gestalt annehmen. Dank dessen fühlt sich etwas, das verwirrend sein könnte (Erlernen einer neuen Benutzeroberfläche), sehr einfach an.

Das bedeutet nicht, dass Divi Builder ein Werkzeug ist, das Sie sofort beherrschen können. Manchmal ist nicht sofort klar, was einige der UI-Elemente tun, z. B. die am unteren Bildschirmrand angezeigten.

QuickInfos zur Benutzeroberfläche von Divi Builder

Die Divi Builder-Oberfläche ist einzigartig, daher wird es einige Zeit dauern, sie zu beherrschen.

Glücklicherweise gibt es hilfreiche Informationen zu bildlaufaktivierten Werkzeugen sowie ein Suchwerkzeug, mit dem Sie die gewünschten Einstellungen finden können. Es wird jedoch wahrscheinlich eine Weile dauern, bis Sie genau wissen, wo Sie suchen müssen oder worauf Sie achten müssen, wenn Sie versuchen, eine bestimmte Aufgabe zu erledigen.

Suche nach Benutzeroberfläche

Funktionen wie das Suchwerkzeug sollen Ihnen helfen, die gesuchten Einstellungen oder Links zu relevanten Hilfeseiten zu finden.

Da Divi Builder ein leistungsstarkes Tool ist, mit dem Sie Ihr WordPress-Website-Layout wirklich entsperren können, sollte es nicht allzu überraschend sein, dass es einige Zeit dauern wird, bis Sie sich mit dieser neuen Arbeitsweise vertraut gemacht haben.

Persönliche Highlights von Divi Builder

Während das Divi Builder-Plugin viele großartige Funktionen enthält, gibt es einige Aspekte dieses Tools, die meine persönlichen Favoriten sind.

Inhalt in voller Breite

Die Möglichkeit, Bilder in voller Breite und andere Arten von Inhalten (die über die Ränder des Postcontainers hinausgehen) anzuzeigen, ist ein Designmerkmal, das ich in einigen beliebten Blogs mit großer Wirkung gesehen habe.

Header-Modul in voller Breite

Divi Builder enthält eine Auswahl von Modulen in voller Breite für Ihre Seitenlayouts.

Jetzt müssen Sie weder Themen ändern noch Ihre Vorlagendateien hacken, um Ihren Posts Inhalte in voller Breite hinzuzufügen.

Module voller Breite

Divi enthält eine Reihe von Modulen in voller Breite, die zu den Abschnitten in voller Breite Ihrer Seite hinzugefügt werden können.

Fügen Sie einfach einen Abschnitt voller Breite in den Generator ein, fügen Sie dann ein Modul voller Breite und den entsprechenden Inhalt hinzu, und fertig. Dies kann Bilder, Videos, Text, Überschriften, Menüs und mehr umfassen.

Wie gut dieser Effekt funktioniert, hängt jedoch von Ihrem gewählten Thema ab. Das Verlassen des Postcontainers ist nicht einfach und funktioniert bei einigen Themen nicht so gut wie bei Verwendung des Divi-Themas. Abgesehen davon sollten Sie in der Lage sein, dies zu überwinden, indem Sie auch Ihre eigenen Vorlagen in voller Breite hinzufügen eigene erstellen oder installieren eine geeignete Ergänzung.

Die große Anzahl von Einstellungen und Optionen

Fast jedes Modul, das Sie Ihren Designs hinzufügen können, kann vollständig konfiguriert werden, um Ihren Anforderungen zu entsprechen. Jedes Modul verfügt über unzählige Einstellungen, die festlegen, wie es aussieht und funktioniert. So haben Sie eine hervorragende Kontrolle über das Erscheinungsbild Ihrer Website, vom Gesamtlayout bis zu einzelnen Posts und Seiten.

Modulanimationseffekte

Mit den Einstellungen können Sie fast jeden Aspekt Ihrer Seite anpassen, einschließlich des Hinzufügens von Animationseffekten zu Modulen.

Wenn dies nicht ausreicht, können Sie jedem Modul auch Ihr eigenes CSS hinzufügen, um es wirklich an Ihre Bedürfnisse anzupassen. Wenn Sie diese Kontrolle jedoch nicht benötigen und die Arbeit nur so schnell wie möglich erledigen möchten, steht Ihnen Divi Builder nicht im Weg. In den meisten Fällen führt die einfache Verwendung der regulären Einstellungen zu hervorragenden Ergebnissen.

Einfache Vervielfältigung von Elementen

Sie können Ihre Designs nicht nur mit dem Divi-Design oder dem Divi Builder-Plugin für die Wiederverwendung an einem anderen Ort speichern, sondern auch die Elemente duplizieren, die Sie für Ihre Designs erstellt haben. Durch einfaches Klicken auf das Klonsymbol wird eine Kopie dieses Elements erstellt, die Sie dann ändern können. Dies spart Zeit und Mühe.

Es funktioniert wirklich mit jedem WordPress-Theme

Vielleicht finden Sie ein WordPress-Theme, das Ihnen Divi Builder nicht gefällt, aber es scheint, als würden die meisten gut codierten Hauptthemen problemlos damit zusammenarbeiten.

Der einzige Bereich, in dem Divi Builder nicht wie erwartet funktionierte, wenn es mit einem Drittanbieter-Design wie dem aktuellen Standard-Design von Twenty Nineteen verwendet wurde, war das Arbeiten mit Layouts und Modulen in voller Breite oder im Vollbildmodus.

Kein Beispiel für eine Vorlage in voller Breite

Ihre Designs können das Browserfenster nicht füllen, wenn Ihr Thema keine Vorlage in voller Breite enthält.

Wie bereits erwähnt, können Sie keine Seitenlayouts erstellen, die das gesamte Browserfenster ausfüllen, es sei denn, Ihr Thema enthält eine Vorlage in voller Breite, in der die Bereiche Kopf-, Fußzeile und Seitenleiste ausgeblendet sind Entwerfen Sie mit Divi Builder eine Homepage oder Homepage.

Homepage mit Vorlage in voller Breite

Sobald Sie Ihrer Site eine Vorlage in voller Breite hinzugefügt haben, können Ihre Designs das Browserfenster füllen.

Wenn Ihr Thema jedoch keine Vorlage in voller Breite enthält, können Sie dies umgehen, indem Sie eine Vorlage erstellen oder ein Plugin installieren, das Ihrer Site eine hinzufügt.

Für wen ist das Divi Builder Plugin?

Dank regelmäßiger Updates und Upgrades sollte Divi Builder nun sowohl diejenigen ansprechen, die neu in der Erstellung benutzerdefinierter Seitenlayouts für ihre WordPress-Websites sind, als auch erfahrene Webdesigner.

Bei der erstmaligen Verwendung von Divi Builder gibt es eine kleine Lernkurve, die hauptsächlich auf die innovative und originelle Benutzeroberfläche und die nahezu unbegrenzten kreativen Möglichkeiten zurückzuführen ist. Mit ein wenig Ausdauer und Versuch und Irrtum sollten die meisten Benutzer jedoch in der Lage sein, mit diesem Seitenersteller gute Ergebnisse zu erzielen, insbesondere wenn vorkompilierte Layouts als Ausgangspunkt verwendet werden. Es gibt auch viele Online-Tutorial-Videos und Anleitungen, die auf der Elegant Themes-Website veröffentlicht werden.

Ein Tool für Webdesigner

Da Divi Builder jedoch beim Erstellen benutzerdefinierter Seitenlayouts wirklich Zeit und Mühe sparen kann, sollten erfahrene Webdesigner auch darin Wert finden. Die Möglichkeit, wiederverwendbare benutzerdefinierte Layouts und Elemente zu erstellen, Seiten schnell zu klonen und Layouts mit der Funktion Divi Leads zu testen, macht Divi Builder zu einem sehr nützlichen Werkzeug, das Ihnen zur Verfügung steht. Webdesigner werden den Rolleneditor auch bei der Bereitstellung von Websites für ihre Kunden zu schätzen wissen.

Divi Builder Plugin gegen Divi WordPress Theme

Für diejenigen unter Ihnen, die eine neue WordPress-Website starten und noch kein Thema ausgewählt haben, empfehle ich dringend, das Divi-Thema zu verwenden, da sie Zugriff auf alle großartigen Funktionen des Divi Builder-Plugins erhalten, ohne sich über mögliche Kompatibilitätsprobleme Gedanken machen zu müssen. von Themen.

Wenn Sie das Divi-Design bereits verwenden, finden Sie im Divi Builder-Plugin keine neuen Funktionen. Wenn Sie jedoch ein Benutzer des Divi-Themas sind, aber daran denken, Themen zu ändern, sollte Divi Builder Ihnen bei der Migration zu einem anderen Thema helfen, ohne den Zugriff auf ein benutzerdefiniertes Layout oder Inhaltsmodul zu verlieren, das Sie möglicherweise verwenden.

Preisoptionen für Divi Builder

Um Zugriff auf das Divi Builder-Plugin zu erhalten, müssen Sie dem Elegant Themes-Club beitreten. Dies ist keine schlechte Sache, da es viele Vorteile gibt und die Preise bereits bei 89 USD pro Jahr beginnen. Neben dem Divi Builder-Plugin haben Sie auch Zugriff auf fünf weitere Plugins, darunter das leistungsstarke Bloom-Tool zum Erstellen von E-Mail-Formularen und das voll funktionsfähige Monarch-Plugin für das Teilen von sozialen Netzwerken.

Darüber hinaus beinhalten ihre 89 US-Dollar auch den Zugang zu allen 87 Themen, einschließlich Divi, sowie zu allen anderen Themen, die Elegant Themes während ihrer Mitgliedschaft veröffentlicht hat. Um ehrlich zu sein, sind jedoch nur die Themen Divi und Extra von Interesse, da die anderen Optionen älter sind.

Zusätzliches WordPress-Theme

Divi Builder enthält 87 WordPress-Themes, einschließlich Extra.

Wenn Sie kein Fan von Jahresabonnements sind, können Sie den Lifetime Access-Plan abonnieren und eine einmalige Gebühr von 249 USD für den lebenslangen Zugriff auf alle Themen und Add-Ons sowie deren Updates zahlen.

Webdesigner, Entwickler und Agenturinhaber können Plugins und Themes für elegante Designs auf einer beliebigen Anzahl vollständig unterstützter Websites verwenden, ohne zusätzliche Lizenzen erwerben zu müssen.

Die vollständigen Details der Preispläne für elegante Themen finden Sie hier.

Divi Builder überprüft die letzten Gedanken

Wie Sie wahrscheinlich sehen können, bin ich sehr beeindruckt vom Divi Builder-Plugin. Ich benutze das Plugin schon eine Weile, daher bin ich ziemlich vertraut damit und wie es sich seit seiner Veröffentlichung verbessert hat.

Da neue Funktionen wie der visuelle Front-Editor, Plug-Ins und weitere Layouts hinzugefügt wurden, ist Divi Builder ein noch attraktiveres Tool zur Erstellung von WordPress-Seiten als zuvor.

Divi Builder ist ein wirklich flexibles Tool, mit dem Sie jede Art von Website mit WordPress erstellen können. Es stehen viele hochwertige bearbeitbare Seitenlayouts zur Auswahl sowie über 30 Inhaltsmodule, die Ihren Posts und Seiten hinzugefügt werden können. .

Your Header Sidebar area is currently empty. Hurry up and add some widgets.