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 600.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), an den wir in großem Maße erinnern Visual Composer.

Der Divi Builder gibt es in zwei Formen: als Standard "Back-End Builder" und als "Visual Builder". Mit beiden Schnittstellen können Sie genau die gleichen Arten von Websites mit den gleichen Inhaltselementen und Designparametern erstellen. Der einzige Unterschied ist die Schnittstelle. Der Back-End-Builder befindet sich im WordPress-Dashboard und kann mit allen anderen Standard-WordPress-Einstellungen aufgerufen werden.

Es befindet sich in der WordPress-Benutzeroberfläche und ersetzt den Standard-WordPress-Nachrichteneditor. Es ist ideal, um schnelle Änderungen vorzunehmen, während Sie sich im Dashboard befinden. Es wird jedoch auch vom Dashboard begrenzt und als Repräsentation Ihrer Block-Website gerendert. Dieses Tutorial konzentriert sich nur auf den visuellen Konstruktor.

Laden Sie das DIVI WordPress Theme herunter

divi builder.jpeg

Mit dem brandneuen Visual Builder hingegen können Sie Ihre Seiten im Front-End Ihrer Website erstellen! Es ist eine erstaunliche Erfahrung und ermöglicht ein viel schnelleres Design. Wenn Sie Inhalt hinzufügen oder die Entwurfsparameter im Visual Builder 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 mit Ihrem WordPress-Dashboard verbunden sind, können Sie zu einer beliebigen Seite auf der Vorderseite Ihrer Website navigieren und auf die Schaltfläche "Visual Builder aktivieren" in der WordPress-Administrationsleiste klicken, um den Builder zu starten visuell.

wie man visual builder.jpeg aktiviert

Wenn Sie Ihre Seite im Dashboard bearbeiten, können Sie zum Visual Builder wechseln, indem Sie oben in der Divi Builder-Backend-Oberfläche auf die Schaltfläche "Enable Visual Builder" (Visual Builder aktivieren) klicken (beachten Sie, dass Sie dies zuerst tun müssen) Aktivieren Sie den Divi Builder, bevor die Schaltfläche Visual 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 Seitenersteller, der mit Drag & Drop arbeitet. Mit dieser Funktion können Sie nahezu jede Art von Website erstellen, indem Sie Inhaltselemente kombinieren und anordnen.

Der Builder verwendet drei Hauptbausteine: Abschnitte, Zeilen und Module. Wenn Sie sie gemeinsam verwenden, können Sie unzählige Layouts erstellen. Die Sektionen sind die größten Bausteine ​​und beherbergen Gruppen von Reihen. Die Reihen befinden sich in den Abschnitten 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 ​​zum Entwerfen von Layouts mit Divi sind die Abschnitte. Sie werden verwendet, um große Inhaltsgruppen zu erstellen. Dies ist das erste, was Sie Ihrer Seite hinzufügen. Es gibt drei Arten von Abschnitten: Normal, Spezial und Vollbreite.

Die regulären Abschnitte bestehen aus Reihen von Spalten, während die Abschnitte voller Breite aus Modulen voller Breite bestehen, die die gesamte Breite des Bildschirms verbreitern. Spezielle Abschnitte ermöglichen erweiterte Seitenlayouts.

Reihe

Die Zeilen befinden sich in den Abschnitten und Sie können beliebig viele Zeilen in einem Abschnitt 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 eine gewünschte Spalte einfügen. Die Anzahl der Module, die Sie in eine Spalte einfügen können, ist unbegrenzt.

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]

Module

Module sind die Inhaltselemente Ihrer Website. Jedes Divi-Modul kann an jede Spaltenbreite angepasst werden und alle reagieren vollständig.

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 den Mauszeiger über einen Bereich bewegen, der bereits auf der Seite vorhanden ist, wird unten eine blaue Schaltfläche (+) angezeigt. Wenn Sie auf klicken, wird unter dem Abschnitt, auf dem Sie gerade fliegen, 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 darin Spaltenreihen einfügen. Ein Abschnitt kann eine beliebige Anzahl von Zeilen enthalten, und Sie können Zeilen verschiedener Spaltentypen mischen und abgleichen, um eine Vielzahl von Layouts zu erstellen.

Um eine Zeile hinzuzufügen, klicken Sie auf die grüne Schaltfläche (+) innerhalb eines leeren Abschnitts 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 (+) klicken, 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

Die Module können innerhalb der Zeilen hinzugefügt werden, und jede Zeile kann eine beliebige Anzahl von Modulen enthalten. Module sind die Inhaltselemente Ihrer Seite, und Divi enthält mehr als 40-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]

Klicken Sie zum Hinzufügen eines Moduls auf die graue Schaltfläche (+) in einer leeren Spalte oder auf die graue Schaltfläche (+), wenn Sie den Mauszeiger über ein Modul auf der Seite bewegen, um darunter ein neues Modul hinzuzufügen . Sobald Sie auf die Schaltfläche klicken, werden Sie von 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 zum Thema zurückkommen. Sie können das Divi-Theme bereits herunterladen.

Andere Divi Tutorials

Dieser Artikel enthält Kommentare 0

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
8 Aktien
Aktie
tweet2
Registrieren6