Divi
Ein WordPress Theme mit Visual BuilderEin sehr vielseitiges
WordPress-Theme.
Divi ist ein Premium-Theme, das auf einem sogenannten Visual Builder („Frontend“) aufbaut. Das bedeutet, dass du direkt auf einer Seite oder einem Beitrag arbeiten kannst und sofort jede Änderung siehst. Es ist nicht mehr nötig, erst die Seite zu bearbeiten, zu speichern und auf „Vorschau“ zu gehen. Das erspart viel Zeit und macht das Gestalten einfacher und schneller!
Andere Themes verwenden beispielsweise den WPBakery Page Builder (zuvor Visual Composer) oder das Thrive Plugin. Mit diesen kannst du ebenfalls direkt deine Website bearbeiten.
Auf meinen Websites verwende ich Divi schon seit einiger Zeit und empfehle es auch Kunden.
Zu allen meinen Paketen kann ich dir – ohne Aufpreis – das Divi-Theme installieren!
Vorteile von Divi
Visual Builder
Layoutvorlagen
Vorlagen-Bibliothek
Du kannst aber auch selbst Elemente, die du öfters brauchst, dort speichern.
Wie arbeite ich mit Divi?
Divi-Builder
Wenn du mit Divi arbeitest, stehen dir zwei grafisch orientierte Editoren zur Verfügung:
Der Divi-Builder (hier rechts im Bild) und der Visual-Builder.
Auch mit WordPress 5 kannst du weiterhin beide Editoren verwenden.
Bei Divi wird jede Seite aus drei Elementen aufgebaut:
- Zuerst erstellst du einen Abschnitt (blau gekennzeichnet).
- In diesen Abschnitt fügst du Zeilen (grün gekennzeichnet) ein – es stehen mehrere Darstellungen zur Verfügung (1-5 Spalten in unterschiedlichen Breiten).
- Als kleinste Einheit fügst du Module (grau gekennzeichnet) eingefügt. Es stehen viele verschiedene Module zur Auswahl (s. Bild 2 rechts).


Divi Visual-Builder
Im Visual Builder (Frontend) von Divi arbeitest du quasi direkt auf deiner Seite und jede Änderung, die du machst, siehst du sofort. Auch hier sind Abschnitte, Zeilen und Module wieder in Blau, Grün bzw. Grau gekennzeichnet.
Texte kannst du beispielsweise direkt eingeben und ändern!

Divi ist responsive
Responsive bedeutet, dass deine Website mit Divi auf allen Geräten optimal aussieht (Desktop, Tablet, Smartphone). Du kannst bei allen Modulen für jedes Gerät eigene Einstellungen vornehmen (z.B. Schriftgröße). Im Frontend von Divi kannst du zwischen den jeweiligen Ansichten wechseln – rechts im Bild siehst du eine Smartphone-Ansicht (links unten die Buttons für die 3 Ansichten).

Ansicht im Browser
So sieht dann die fertige Seite im Browser aus.
Du siehst also, dass die Ansicht im Visual Builder (siehe Bild weiter oben) genau der Ansicht im Browser entspricht!
Das hat den Vorteil, dass du sofort siehst, was du tust.

Divi – ein Theme mit vielen Layoutvorlagen
Was ist Divi und welche Vorteile hat es?
Ein großer Vorteil ist, dass es für Divi auch eine Menge an Layouts gibt, die du sofort für deine Website verwenden kannst. Außerdem ist Divi auch mit WordPress 5 kompatibel.
Was ist ein Layout? Wieviele Layouts gibt es?
Wie verwende ich ein Layout?
Beispiele für Divi-Layouts
Aber natürlich kannst du z.B. auch ein Consultant-Layout für eine anderes Unternehmen verwenden.
Jedes Layout besteht aus mehreren Vorlagen, z.B. für Startseite, Kontakt, Referenzen, Landingpage.





