So fügen Sie Module zu Divi WordPress Theme hinzu

Das Hinzufügen von Modulen zu Divi WordPress Theme ist ein einfacher Vorgang, der in wenigen Minuten erledigt werden kann. Es gibt zwei Möglichkeiten, Module zu Divi WordPress Theme hinzuzufügen. Der erste Weg ist die Verwendung des WordPress-Admin-Panels und der zweite Weg ist die Verwendung des Divi Page Builder. Das WordPress Admin Panel ist der einfachste Weg, Module zu Divi WordPress Theme hinzuzufügen. Um ein Modul zu Divi WordPress Theme hinzuzufügen, melden Sie sich bei Ihrem WordPress-Admin-Panel an und gehen Sie zur Registerkarte „Divi“. Klicken Sie auf der Registerkarte „Divi“ auf die Schaltfläche „Modul hinzufügen“. Ein Popup-Fenster wird angezeigt. Wählen Sie das Modul, das Sie hinzufügen möchten, aus dem Dropdown-Menü aus und klicken Sie auf die Schaltfläche „Modul hinzufügen“. Der Divi Page Builder ist ein leistungsstarker Drag-and-Drop-Seitenersteller, mit dem Sie in wenigen Minuten Module zu Divi WordPress Theme hinzufügen können. Um den Divi Page Builder zu verwenden, melden Sie sich bei Ihrem WordPress-Admin-Panel an und gehen Sie zur Registerkarte „Divi“. Klicken Sie auf der Registerkarte „Divi“ auf die Schaltfläche „Page Builder“. Eine neue Seite wird mit der Divi Page Builder-Oberfläche geladen. Um ein Modul zu Divi WordPress Theme hinzuzufügen, ziehen Sie das Modul einfach aus der linken Seitenleiste in den Inhaltsbereich und legen Sie es dort ab. Sobald sich das Modul im Inhaltsbereich befindet, können Sie die Moduleinstellungen bearbeiten, indem Sie auf die Schaltfläche „Einstellungen“ klicken.

Divi-Modul-Builder

Der Divi Module Builder ist ein leistungsstarkes Tool, mit dem Sie ganz einfach benutzerdefinierte Module für den Divi Page Builder erstellen können. Mit dem Divi Module Builder können Sie ganz einfach benutzerdefinierte Module erstellen, ohne sie selbst codieren oder entwerfen zu müssen. Mit dem Divi Module Builder können Sie schnell und einfach benutzerdefinierte Module erstellen, die reaktionsschnell und interaktiv sind und auf allen Geräten gut aussehen.

Divi-Module können auf vielfältige Weise in Ihren Designs verwendet werden. Blöcke können als eigenständige Teile oder als Teil von Zeilen und Spalten verwendet werden, um Layouts zu erstellen. Module können in Ihrer Bibliothek gespeichert werden, damit Sie sie später verwenden können. Divi-Module sind eine hervorragende Möglichkeit, Ihre Layouts optisch ansprechender zu gestalten. Sie können die Farbe, Größe und Moduleinstellungen im Visual Builder ändern, um ein Design zu erstellen, das genau Ihren Anforderungen entspricht.

Divi-Modul in einem anderen Modul

Es ist möglich, ein Divi-Modul in ein anderes Modul einzufügen. Wählen Sie dazu im Menü des Moduls die Option „Modul einfügen“. Nach der Auswahl erscheint ein Fenster, in dem Sie auswählen können, welches Modul Sie einfügen möchten.

Es enthält einen Shortcode für jedes Element in der DIVI-Bibliothek , das derzeit oder in Zukunft für eine kostenpflichtige oder Premium-Version des Tools installiert ist. Um ein bestimmtes Element zu verwenden, kopieren Sie einfach den angezeigten Shortcode und fügen Sie ihn an einer beliebigen Stelle ein. Das Akkordeon funktioniert nicht, globale Module funktionieren möglicherweise nicht richtig und das Akkordeon funktioniert nicht richtig. Es ist jedoch ein hervorragendes Werkzeug, um einige einzigartige Designs zu erstellen. DIVI umfasst zwei Kartenmodule und ein Testimonial-Modul. Sie können einen Shortcode hinzufügen, indem Sie den Shortcode kopieren/einfügen (hier für die Karte):. Gehen Sie zunächst zur zweiten Registerkarte und klicken Sie auf den Testimonial-Shortcode. Sobald unsere beiden Registerkarten erstellt wurden, erscheint unser Registerkartenmodul unten.

Divi-Code-Modul

Mit einem Divi-Code-Modul können Sie benutzerdefiniertes CSS, HTML und JavaScript direkt in Divi Builder eingeben. Dies ist nützlich, um das Erscheinungsbild Ihrer Website anzupassen oder um Funktionen hinzuzufügen, die in Divi Builder nicht verfügbar sind.

Module in Divi können zum Erstellen von Seiten verwendet werden. Jedes Modul besteht aus einem einzigartigen Satz von Funktionen, Elementen und Designeinstellungen, die Ihnen helfen, etwas Einzigartiges zu schaffen. Die riesige Auswahl an Modulen von Divi macht es einfach, fast jede Art von Website zu erstellen. Ihre Seite kann mit Code aus dem Codemodul erstellt werden, das HTML, JavaScript und CSS enthält. Sie können jedes der kostenlosen Module von Elegant Themes im Rahmen Ihrer Divi-Mitgliedschaft nutzen. Wenn Sie ein Divi-Modul erstellen, können Sie es für jedes zukünftige Projekt verwenden oder es sogar auf dem Divi-Marktplatz verkaufen. Weitere Informationen zum Erstellen eigener Module finden Sie in unserer Entwicklerdokumentation.

Fügen Sie Divi-Module ein

Divi-Module sind vorgefertigte Module, mit denen Sie Ihre eigenen benutzerdefinierten Layouts in Divi Builder erstellen können. Es ist eine Vielzahl von Modulen verfügbar, jedes mit seinen eigenen einzigartigen Optionen und Einstellungen. Sie können Divi-Module in Ihr Layout einfügen, indem Sie sie per Drag & Drop an die gewünschte Stelle ziehen.

Mit Divi können Sie schnell und einfach eine Website erstellen. Module, die ansonsten nicht verfügbar wären, können mit dieser Lösung nach Möglichkeit hier platziert werden. Es wird dringend empfohlen, dass Sie unseren Leitfaden verwenden, um ein untergeordnetes Thema zu erstellen, bevor Sie Dateien auf Ihrer Website bearbeiten. Wenn Sie kein untergeordnetes Design haben, entfernt das Divi-Design Ihren gesamten benutzerdefinierten Code bei jedem nachfolgenden Update. In diesem Beispiel verwenden wir das Tabs-Modul, um ein Kontaktformular zu erstellen. Um den Newsletter-Anmeldeprozess ansprechender zu gestalten, können Sie ein Klappentext-Modul oder einen Spezialbereich in die Fußzeile einfügen. Zum Erstellen eines Divi-Moduls ist die ID erforderlich, die sich auf den gespeicherten Inhalt bezieht. Am besten öffnen Sie dazu die Divi-Bibliothek und fahren mit der Maus über den Modulnamen. Es ist ein einfacher Vorgang, die ID Ihres Moduls zu Ihren Seiten hinzuzufügen, nachdem Sie sie gefunden haben.

So installieren Sie ein Divi Builder-Layout-Plugin

Um ein Divi Builder Layout-Plugin zu installieren, gehen Sie zur Registerkarte Plugins und klicken Sie dann auf Neues Plugin hinzufügen. Sie können das Plugin installieren, indem Sie im angezeigten Fenster auf die Schaltfläche Jetzt installieren klicken und nach der ZIP-Datei suchen, die Sie verwenden möchten.

Benutzerdefinierte Divi Builder-Module Divi Builder-Module

Es gibt viele benutzerdefinierte Divi Builder-Module , die online gekauft werden können. Sie können sie für eine Vielzahl unterschiedlicher Zwecke finden, z. B. zum Hinzufügen von Symbolen für soziale Medien zu Ihrer Website oder zum Erstellen eines benutzerdefinierten Kontaktformulars. Divi-Builder-Module sind eine großartige Möglichkeit, Ihrer Website zusätzliche Funktionen hinzuzufügen, ohne sie selbst programmieren zu müssen.

Die Module in Divi Page Builder wurden erweitert, um meinen Anforderungen gerecht zu werden. Als ich einige Anfragen von Kunden erhielt, musste ich Änderungen an ihren bestehenden Modulen vornehmen oder neue erstellen. In diesem Artikel werden keine Einzelheiten zum Anpassen des Moduls angegeben, da Ihre Anforderungen möglicherweise abweichen. Da die ET Builder-Modulklassen so umfangreich sind, möchten Sie sich nicht dem Schreiben des gesamten Moduls widmen. Sie können ein vorhandenes Modul auswählen, das Ihren Anforderungen am nächsten kommt, indem Sie zur Divi-Datei gehen und danach suchen. Ich werde das Image-Modul verwenden, das das gleiche zu sein scheint wie hier gezeigt. Zu diesem Zweck sollten Sie eine et_pb_-Datei führen. Andernfalls lädt der Divi Builder das Modul nicht, da es ein Präfix für Slugs hat. Um auf die neue Klasseninstanz zu verweisen, müssen wir ihren Namen ändern und den Shortcode hinzufügen.

Der Divi Builder: Ein flexibler und benutzerfreundlicher Page Builder für WordPress

Der Divi Builder ist so konzipiert, dass er so einfach wie möglich zu bedienen und gleichzeitig so flexibel wie möglich ist. Divi Builder ist eine ausgezeichnete Wahl für WordPress-Benutzer aller Stufen, egal ob sie gerade erst anfangen oder Erfahrung mit der Plattform haben. Aufgrund seines modularen Systems können Sie mit Divi Builder auf einfache Weise benutzerdefinierte Module erstellen, mit denen einzigartige und benutzerdefinierte Layouts erstellt werden können. Divi Builder verfügt über eine Portabilitätsfunktion, mit der Sie Layouts einfach auf andere Websites exportieren können.