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
Öffnet und schließt einzelne Inhaltsblöcke beim darauf klicken.
Audio
Spielt Audiodateien in einem eigenen Audioplayer ab
Balkenzähler
Animierte Balken zur Anzeige von Informationen und Statistiken
Beitragsnavigation
Dient zur Anzeige von weiteren Beiträgen
Bild
Dient zur Aneige von Bildern auf deiner Seite
Blog
Zeigt deine Blogbeiträge in einheitlichem Design
Button
Fügt Schaltflächen in deine Seite ein
Code
Code Editor zum Ausführen von benutzerdefiniertem Code
Countdown Timer
Füge einen Timer ein der in Echtzeit herunterzählt
Email Opt-In
Zur Sammlung von eMail Adressen für Newsletter
Filterbares Portfolio
Erstelle eine Gallerie anhand von Kathegorien
Gallerie
Erstellt eine Gallerie mit deinen Fotos
Handlungsaufruf
Erstellt Handlungsaufrufe mit Text und Schaltern
Icon
Fügt Symboldateien zu deiner Seite hinzu
Informationstext
Erstellt kurze Informationtext mit Bild
Karte
Dient zur Integration von Google Maps in dene Seite
Kommentare
Fügt ein Kommentarfeld zu deinen Beiträgen hinzu
Kontaktformular
Fügt ein Kontaktformular für deine Seite hinzu
Kreiszähler
Zur Anzeige von Text und Statistiken in runder Form
Login
Erstellt Passwortgeschützte Zugänge
Menü
Erstellt Menüs für deine Webseite
Person
Zur Vorstellung von Mitarbeitern mit Bild und Text
Portfolio
Gallerie zur Anzeige von deinen gesammelten Werken
Post-Slider
Erstellt einenSlider mit deinen Beiträgen
Posttitel
Zur Anzeige der Beitragsnamen und die Metainformationen
Preistabellen
Erstellt Preistabellen für deine Produkte
Registerkarte
Zeigt den Inhalt in Form von Registerkarten an
Seitenleiste
Zum Einfügen einer Seitenleiste mit deinen Inhalten
Slider
Zeigt deine Bilder und Gallerien in Form eines Sliders an
Social Media
Fügt Icons für deine sozialen Kontakte hinzu
Suche
Erstellt einen Dialog zur Durchsuchung deines inhalts
Teiler
Fügt vertikale Abstandshalter hinzu
Testimonials
Dient zur Anzeige von Kundenrückmeldungen
Text
Dient zur Eingabe deines Textes
Umschalter
Zeigt und Versteckt Inhalte z.B. für FAQs
Video
Integriert einen Player für deine Videos
Video-Slider
Zeigt deine Videos in einem Slidermodul an
Zähler
Fügt einen einfachen Nummernzähler hinzu
Überschrift H1
Erstellt die Hauptüberschrift H1
Vollbreite Module
VB Beitrag Slider
Zeigt deine Beiträge als Slider in voller Breite an
Vollbreite Karte
Erstellt eine Google Maps Karte in voller Breite
Vollbreite Kopfzeile
Fügt eine Kopfzeile in voller Breite zu deiner Seite hinzu
Vollbreiter Code
Setzt deinen Code in der vollen Breite deiner Seite um
Vollbreiter Posttitel
Dient zur Anzeige deiner Beitragsüberschrift in voller Breite
Vollbreiter Slider
Zeigt deine Bilder in voller Breite in einem Slider an
Vollbreites Bild
Zeigt deine Bilder in voller Breite der Seite an
Vollbreites Menü
Integriert ein Menü in voller Breite
Vollbreites Portfolio
Gallerie zur Anzeige von deinen gesammelten Werken in voller Breite
Woo Commerce Module
Werben Sie für Produkt Woo
Fügt Werbung für dein Produkt hinzu
Woo Cart Produkte
Zeigt den Inhalt des Warenkorbs an
Woo Checkout-Abrechnung
Dient zur Anzeige des Zahlungsmittels
Woo Checkout Details
Listet alle gekauften Waren auf
Woo Checkout Information
Zeigt zusätzliche Informationen im Warenkorb an
Woo Checkout Versand
Zeigt deine Versandinformationen an
Woo Checkout Zahlung
Dient zur Anzeige der verfügbaren Zahlungsmöglichkeiten
Woo Hinweis
Dient zur Anzeige von Informationen
Woo Produkt in den Warenkorb legen
Gibt an welches Produkt in den Warenkorb gelegt wurden
Woo Produkt Meta
Zeigt die Kathegorie des Produkts an
Woo Produktbeschreibung
Fügt eine Beschreibung für dein Produkt hinzu
Woo Produktbestand
Zeigt an wie hoch der Bestand zur Zeit ist
Woo Produktbewertung
Zeigt die Bewertung des Produkts an
Woo Produktbewertungen
Zeigt die Summe der Produktbewertungen an
Woo Produktbilder
Dient zur Anzeige eines Bildes
Woo Produkte
Listet alle relevanten Produkte auf
Woo Produkt Galerie
Zeigt deine Produktbilder in einer Galerie
Woo Produktinformationen
Dient zur Anzeige von Informationen über das Produkt
Woo Produktpreis
Zur Eingabe und aAnzeige des Preises
Woo Produkttitel
Legt den Titel des Produkts fest
Woo Semmelbrösel
Dient zur Anzeige des Pfades zum Produkt
Woo verwandte Produkte
Listet ähnliche Produkte auf
Woo Cross-Sedlls
Listet ähnliche Produkte wie gekaufte auf
Woo Produktregisterkarten
Zeigt relevante Informationen in Registerkarten an
Woo Warenkorb Gesamtsummen
Zeigt Gesamtpreis aller Produkte an