Divi Theme

Module

Im folgenden Beitrag zeige ich dir alle derzeit in Divi verfügbaren Module
Jedes dieser Module ist mit einer umfangreichen Dokumentation bei Elegant Themes verknüpft.
Leider sind die Divi Module von Haus aus nicht mit Informationen zu ihrer Verwendung ausgestattet.
Daher findest du hier das nötige Wissen zur Verwendung dieser Module. Beginnen wir daher mit der Frage:

Was sind Divi Module und wie kannst du sie verwenden?

Alle Divi Module sind Bausteine, die du verwenden kannst, um deine Website mit dem Divi Theme oder dem Divi Builder Plugin zu erstellen. Du kannst sie in verschiedenen Bereichen deiner Website platzieren: Divi Builder Module in Standardzeilen, die in Spalten platziert werden, und vollbreite Divi Module in Abschnitten mit der gesamten Breite. Das Beste daran ist, dass diese Module es dir ermöglichen, Inhalte ohne umfangreiche Programmierkenntnisse hinzuzufügen, von einfachem Text bis hin zu komplexeren Elementen wie Kontaktformularen und Produktlisten.

Sobald du ein Modul zum Divi Builder hinzugefügt hast, kannst du es individuell anpassen und in den Moduleinstellungen formatieren. Das Schöne daran ist, dass du diese Module flexibel per Drag & Drop auf verschiedenen Teilen deiner Website verschieben kannst. Du kannst sie sogar speichern, um sie später auf anderen Seiten oder Websites zu verwenden.

Divi wird standardmäßig mit 48 vorinstallierten Modulen geliefert, wobei 39 für den Einsatz in normalbreiten Abschnitten und 9 für Vollbreitenabschnitte gedacht sind. Wenn du WooCommerce verwendest, stehen dir zusätzlich 25 weitere Module zur Verfügung. Außerdem gibt es dutzende benutzerdefinierte Module die von Drittentwicklern erstellt wurden, um die Funktionen und Optionen von Divi weiter zu erweitern.

Insgesamt bieten die Module von Divi eine mächtige Möglichkeit, deine Website individuell zu gestalten, ohne dass du dich in die Tiefen der Programmierung stürzen musst. Mit der beeindruckenden Auswahl an Modulen hast du die Freiheit, deine Website nach deinen eigenen Vorstellungen zu formen. Der Divi Builder stellt dir dafür eine Fülle von Werkzeugen und Ressourcen zur Verfügung, um das Beste aus diesen Modulen herauszuholen und deine Website optimal auf deine Bedürfnisse anzupassen.

Standard Module

Akkordion

(Accordion)

Öffnet und schließt einzelne Inhaltsblöcke beim darauf klicken.

Audio

(Audio)

Spielt Audiodateien in einem eigenen Audioplayer ab

Balkenzähler

(Bar Counter)
 
Animierte Balken zur Anzeige von Informationen und Statistiken

Beitragsnavigation

(Post Navigation)
 
Dient zur Anzeige von weiteren Beiträgen

Bild

(Image)
 
Dient zur Aneige von Bildern auf deiner Seite

Blog

(Blog)
 
Zeigt deine Blogbeiträge in einheitlichem Design

Button

(Button)
 
Fügt Schaltflächen in deine Seite ein

Code

(Code)
 
Code Editor zum Ausführen von benutzerdefiniertem Code

Countdown Timer

(Countdown Timer)
 
Füge einen Timer ein der in Echtzeit herunterzählt

Email Opt-In

(Email Opt-In)
 
Zur Sammlung von eMail Adressen für Newsletter

Filterbares Portfolio

(Filterable Portfolio)
 
Erstelle eine Gallerie anhand von Kathegorien

Gallerie

(Gallery)
 
Erstellt eine Gallerie mit deinen Fotos

Handlungsaufruf

(Call to Action)
 
Erstellt Handlungsaufrufe mit Text und Schaltern

Icon

(icon)
 
Fügt Symboldateien zu deiner Seite hinzu

Informationstext

(Blurb)
 
Erstellt kurze Informationtext mit Bild

Karte

(Map)
 
Dient zur Integration von Google Maps in dene Seite

Kommentare

(Comments)
 
Fügt ein Kommentarfeld zu deinen Beiträgen hinzu

Kontaktformular

(Contact Form)
 
Fügt ein Kontaktformular für deine Seite hinzu

Kreiszähler

(Circle Counter)
 

Zur Anzeige von Text und Statistiken in runder Form

Login

(Login Form)
 

Erstellt Passwortgeschützte Zugänge

Menü

(Menu)
 

Erstellt Menüs für deine Webseite

Person

(Person)
 

Zur Vorstellung von Mitarbeitern mit Bild und Text

Portfolio

(Portfolio)
 

Gallerie zur Anzeige von deinen gesammelten Werken

Post-Slider

(Post Slider)
 

Erstellt einenSlider mit deinen Beiträgen

Posttitel

(Post Tiltle)
 

Zur Anzeige der Beitragsnamen und die Metainformationen

Preistabellen

(Pricing Tables)
 

Erstellt Preistabellen für deine Produkte

Registerkarte

(Tabs)
 

Zeigt den Inhalt in Form von Registerkarten an

Seitenleiste

(Sidebar)
 

Zum Einfügen einer Seitenleiste mit deinen Inhalten

Slider

(Slider)
 

Zeigt deine Bilder und Gallerien in Form eines Sliders an

Social Media

(Social Follow)
 

Fügt Icons für deine sozialen Kontakte hinzu

Suche

(Search)
 

Erstellt einen Dialog zur Durchsuchung deines inhalts

Teiler

(Divider)
 

Fügt vertikale Abstandshalter hinzu

Testimonials

(Testimonials)
 

Dient zur Anzeige von Kundenrückmeldungen

Text

(Text)
 

Dient zur Eingabe deines Textes

Umschalter

(Toggle)
 

Zeigt und Versteckt Inhalte z.B. für FAQs

Video

(Video)
 

Integriert einen Player für deine Videos

Video-Slider

(Video Slider)
 

Zeigt deine Videos in einem Slidermodul an

Zähler

(Number Counter)
 

Fügt einen einfachen Nummernzähler hinzu

Überschrift H1

(-)
 

Erstellt die Hauptüberschrift H1

Vollbreite Module

VB Beitrag Slider

(Fullwidth Post Slider)
 

Zeigt deine Beiträge als Slider in voller Breite an

Vollbreite Karte

(Fullwidth Map)
 

Erstellt eine Google Maps Karte in voller Breite

Vollbreite Kopfzeile

(Fullwidth Header)
 

Fügt eine Kopfzeile in voller Breite zu deiner Seite hinzu

Vollbreiter Code

(Fullwidth Code)
 

Setzt deinen Code in der vollen Breite deiner Seite um

Vollbreiter Posttitel

(Fullwidth Posttitle)
 

Dient zur Anzeige deiner Beitragsüberschrift in voller Breite

Vollbreiter Slider

(Fullwidth Slider)
 

Zeigt deine Bilder in voller Breite in einem Slider an

Vollbreites Bild

(Fullwidth Image)
 

Zeigt deine Bilder in voller Breite der Seite an

Vollbreites Menü

(Fullwidth Menu)
 

Integriert ein Menü in voller Breite

Vollbreites Portfolio

(Fullwidth Portfolio)
 

Gallerie zur Anzeige von deinen gesammelten Werken in voller Breite

Woo Commerce Module

Werben Sie für Produkt Woo

(WooCommerce Product Upsell)
 
Fügt Werbung für dein Produkt hinzu

Woo Cart Produkte

(WooCommerce Cart Products)
 
Zeigt den Inhalt des Warenkorbs an

Woo Checkout-Abrechnung

(WooCommerce Checkout Billing)
 
Dient zur Anzeige des Zahlungsmittels

Woo Checkout Details

(WooCommerce Checkout Details)
 
Listet alle gekauften Waren auf

Woo Checkout Information

(WooCommerce Checkout Information)
 
Zeigt zusätzliche Informationen im Warenkorb an

Woo Checkout Versand

(WooCommerce Checkout Shipping)
 
Zeigt deine Versandinformationen an

Woo Checkout Zahlung

(WooCommerce Checkout Payment)
 
Dient zur Anzeige der verfügbaren Zahlungsmöglichkeiten

Woo Hinweis

(WooComerce Notice)
 
Dient zur Anzeige von Informationen

Woo Produkt in den Warenkorb legen

(WooCommerce Product Add To Cart)
 
Gibt an welches Produkt in den Warenkorb gelegt wurden

Woo Produkt Meta

(WooCommerce Product Meta)
 
Zeigt die Kathegorie des Produkts an

Woo Produktbeschreibung

(WooCommerce Product Description)
 
Fügt eine Beschreibung für dein Produkt hinzu

Woo Produktbestand

(WooCommerce Product Stock)
 
Zeigt an wie hoch der Bestand zur Zeit ist

Woo Produktbewertung

(WooCommerce Product Rating)
 
Zeigt die Bewertung des Produkts an

Woo Produktbewertungen

(WooCommerce Product Reviews)
 
Zeigt die Summe der Produktbewertungen an

Woo Produktbilder

(WooCommerce Product Images)
 
Dient zur Anzeige eines Bildes

Woo Produkte

(WooCommerce Produkts)
 
Listet alle relevanten Produkte auf

Woo Produkt Galerie

(WooCommerce Product Gallery)
 
Zeigt deine Produktbilder in einer Galerie

Woo Produktinformationen

(WooCommerce Product Information)
 
Dient zur Anzeige von Informationen über das Produkt

Woo Produktpreis

(WooCommerce Product Price)
 
Zur Eingabe und aAnzeige des Preises

Woo Produkttitel

(WooCommerce Product Title)
 
Legt den Titel des Produkts fest

Woo Semmelbrösel

(WooCommerce Breadcrumbs)
 
Dient zur Anzeige des Pfades zum Produkt

Woo verwandte Produkte

(WooCommerce Related Products)
 
Listet ähnliche Produkte auf

Woo Cross-Sedlls

(Woo Cross-Sedlls)
 
Listet ähnliche Produkte wie gekaufte auf

Woo Produktregisterkarten

(WooCommerce Product Tabs)
 
Zeigt relevante Informationen in Registerkarten an

Woo Warenkorb Gesamtsummen

(WooCommerce Cart Totals)
 
Zeigt Gesamtpreis aller Produkte an

Mehr Infos von Divihilfe

alle Divi Module

 

 

alle Divi Module

 

 

alle Divi Module