Springe zum Hauptinhalt

Wie benutze ich das Divi Builder Plugin auf WordPress?

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Divi ist heutzutage definitiv eines der beliebtesten WordPress-Themes. Eines der Elemente, die die Stärke dieses Themas ausmachen, ist sein Erbauer (Divi Builder), der uns sehr daran erinnert Visual Composer.

Den Divi Builder gibt es in zwei Formen: dem Standard „Back-End Builder“ und dem „Visual Builder“. Beide Schnittstellen ermöglichen es Ihnen, genau die gleichen Arten von Websites mit den gleichen Inhalten und den gleichen Designparametern zu erstellen. Der einzige Unterschied ist die Schnittstelle. Der Back-End-Builder befindet sich im WordPress-Dashboard und ist mit allen anderen Standard-WordPress-Einstellungen zugänglich.

Es befindet sich in der WordPress-Benutzeroberfläche und ersetzt den Standard-WordPress-Post-Editor. Es ist ideal, um schnelle Änderungen vorzunehmen, während Sie sich im Dashboard befinden. Es ist jedoch auch auf das Dashboard beschränkt und wird als blockartige Darstellung Ihrer Website gerendert. Dieses Tutorial konzentriert sich nur auf den Visual Builder.

Laden Sie das DIVI WordPress Theme herunter

divi builder.jpeg

Mit dem brandneuen Visual Builder hingegen können Sie Ihre Seiten am Frontend Ihrer Website erstellen! Es ist eine erstaunliche Erfahrung und ermöglicht ein viel schnelleres Design. Wenn Sie im Visual Builder Inhalte hinzufügen oder Designeinstellungen anpassen, werden Ihre Änderungen sofort angezeigt.

Sie können auf die Seite klicken und mit der Eingabe beginnen. Sie können den Text markieren und seine Schriftart und seinen Stil anpassen. Sie können neuen Inhalt hinzufügen, Ihre Seite erstellen und alles sehen, was vor Ihren Augen passiert.

Verwendung von-Visual-Builder.jpg

Wie Visual Builder aktiviert wird

Wenn Sie in Ihrem WordPress-Dashboard angemeldet sind, können Sie zu einer beliebigen Seite im Frontend Ihrer Website navigieren und auf die Schaltfläche „Visual Builder aktivieren“ in der WordPress-Administrationsleiste klicken, um den Builder zu starten.

wie man visual builder.jpeg aktiviert

Wenn Sie Ihre Seite im Dashboard bearbeiten, können Sie zum Visual Builder wechseln, indem Sie auf die Schaltfläche „Visual Builder aktivieren“ klicken, die sich oben in der Back-End-Oberfläche von Divi Builder befindet (beachten Sie, dass Sie zuerst den Divi Builder aktivieren müssen bevor die Schaltfläche für den visuellen Builder angezeigt wird).

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Verwenden Sie den visuellen Builder Divi.jpeg

Die Grundlagen von Visual Builder

Die Stärke von Divi liegt in Visual Builder, einem Page Builder, der mit „Drag And Drop“ arbeitet und es Ihnen ermöglicht, fast jede Art von Website zu erstellen, indem Sie die Inhalte kombinieren und anordnen.

Der Builder verwendet drei Hauptbausteine: Abschnitte, Zeilen und Module. Wenn Sie sie gemeinsam verwenden, können Sie unzählige Layouts erstellen. Abschnitte sind die größten Bausteine ​​und beherbergen Gruppen von Reihen. Die Zeilen befinden sich innerhalb der Abschnitte und dienen zur Unterbringung der Module. Die Module werden innerhalb der Zeilen platziert. Dies ist die Struktur jeder Divi-Website.

Abschnitte

Die grundlegendsten und größten Bausteine ​​für die Gestaltung von Layouts mit Divi sind Abschnitte. Sie werden verwendet, um große Gruppen von Inhalten zu erstellen. Dies ist das erste, was Sie Ihrer Seite hinzufügen. Es gibt drei Arten von Abschnitten: Normal, Spezial und Vollbreite.

Regelmäßige Abschnitte bestehen aus Spaltenreihen, während Abschnitte mit voller Breite aus Modulen mit voller Breite bestehen, die die gesamte Breite des Bildschirms erweitern. Die speziellen Abschnitte ermöglichen erweiterte Seitenlayouts.

Reihe

Die Zeilen befinden sich innerhalb der Abschnitte, und Sie können eine beliebige Anzahl von Zeilen innerhalb eines Abschnitts platzieren. Es stehen viele verschiedene Arten von Spalten zur Auswahl. Nachdem Sie eine Spaltenstruktur für Ihre Zeile definiert haben, können Sie Module in einer gewünschten Spalte platzieren. Die Anzahl der Module, die Sie in eine Spalte einfügen können, ist unbegrenzt.

Module

Module sind die Inhalte, aus denen Ihre Website besteht. Jedes Divi-Modul kann sich an jede Spaltenbreite anpassen und alle reagieren vollständig.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Erstellen Sie Ihre erste Seite

Die drei Grundbausteine ​​(Abschnitte, Linien und Module) werden zum Erstellen Ihrer Seite verwendet.

Aufbau einer Divi.jpg Seite

Hinzufügen Ihres ersten Abschnitts

Bevor Sie Ihrer Seite etwas hinzufügen können, müssen Sie zuerst einen Abschnitt hinzufügen. Abschnitte können durch Klicken auf die blaue Schaltfläche (+) hinzugefügt werden. Wenn Sie mit der Maus über einen Abschnitt fahren, der bereits auf der Seite vorhanden ist, wird unten eine blaue Schaltfläche (+) angezeigt. Wenn Sie auf klicken, wird unter dem Abschnitt, über dem Sie sich gerade befinden, ein neuer Abschnitt hinzugefügt.

Wenn Sie eine neue Seite erstellen, wird Ihr erster Abschnitt automatisch hinzugefügt.

Liste der divi.jpg Abschnitte

Erste Zeile hinzufügen

Nachdem Sie Ihren ersten Abschnitt hinzugefügt haben, können Sie mit dem Hinzufügen von Spaltenzeilen beginnen. Ein Abschnitt kann eine beliebige Anzahl von Zeilen enthalten, und Sie können Zeilen aus verschiedenen Spaltentypen mischen und abgleichen, um eine Vielzahl von Layouts zu erstellen.

Um eine Zeile hinzuzufügen, klicken Sie auf die grüne Schaltfläche (+) in einem leeren Bereich oder auf die grüne Schaltfläche (+), die angezeigt wird, wenn Sie den Mauszeiger über eine aktuelle Zeile bewegen, um eine neue Zeile darunter hinzuzufügen. Sobald Sie auf die grüne Schaltfläche (+) geklickt haben, wird eine Liste mit Spaltentypen angezeigt. Wählen Sie die Spalte Ihrer Wahl und Sie können Ihr erstes Modul hinzufügen.

So fügen Sie die Zeile Divi.jpeg ein

Hinzufügen Ihres ersten Moduls

Module können innerhalb von Zeilen hinzugefügt werden, und jede Zeile kann eine beliebige Anzahl von Modulen enthalten. Module sind die Inhaltselemente Ihrer Seite, und Divi enthält über 40 verschiedene Elemente, die Sie zum Erstellen verwenden können.

Sie können grundlegende Module wie Texte, Bilder und Schaltflächen oder erweiterte Module wie Schieberegler, Galerie-Portfolios und E-Commerce-Shops verwenden.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Um ein Modul hinzuzufügen, klicken Sie auf die graue Schaltfläche (+) in einer leeren Spalte oder auf die graue Schaltfläche (+), die vorhanden ist, wenn Sie mit der Maus über ein Modul auf der Seite fahren, um unten ein neues Modul hinzuzufügen . Sobald Sie auf die Schaltfläche klicken, werden Sie mit einer Liste von Modulen begrüßt.

Wählen Sie das Modul Ihrer Wahl und es wird Ihrer Seite hinzugefügt und das Kontrollfeld des Moduls wird angezeigt. Über dieses Bedienfeld können Sie mit der Konfiguration Ihres Moduls beginnen.

Fügen Sie ein DIVI.jpeg-Modul ein

Das war's für dieses Tutorial. Mit dem, was Sie heute gelernt haben, können Sie mit Divi ein Layout erstellen. Wir werden mit fortgeschrittenen Tutorials zu diesem Thema zurückkommen. Sie können das Divi-Thema bereits herunterladen.

Andere Divi Tutorials

Dieser Artikel enthält Kommentare 2

  1. Chiedo scusa se non è la sezione esatta ma non riesco a visualizzare le mie pagine create con visual builder divi attraverso il suo tema se non tengo attivato il visual builder divi, altrimenti non vedo la formatttazione delle pag. Uso lokal mit dem Schwungrad gegenüber xammp per vedere il mio sito in locale. Grazie e buon lavoro.

  2. Erlaubnis, den Administrator nach Problemen zu fragen, die ich in Bezug auf das Divi-Thema habe, wie man das Divi-Thema behebt, das nicht geändert werden kann (der Divi-Generator kann nicht angeklickt werden, nur gegenseitig) Die .htaccess-Datei wurde bearbeitet, um die URL von http nach https umzuleiten. Als Ergebnis trat ein Fehler auf. Ich konnte den Verwaltungsbereich nicht betreten und hatte keine Sicherung. Kurz gesagt, ich konnte Geben Sie den Admin-Bereich von WordPress ein, und das Aussehen der Website hat sich geringfügig geändert. Dann habe ich den Builder für Divi (Seiten) aufgerufen. Hier tritt das Problem nur dann im Kreis auf, wenn Sie Ich wünsche mir wirklich, dass der BlogPascher-Administrator eine Lösung bietet. Vielen Dank

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
10 Aktien
Aktie
tweet2
Registrieren8