Divi Theme Builder
WP-ImmoMakler stellt für den Divi Theme Builder eigene Divi-Module bereit, mit denen Sie die Immobilien-Detailseiten und Listenansichten vollständig im Divi Builder gestalten können.
Listenansicht
Abschnitt betitelt „Listenansicht“Erstellen Sie individuelle Immobilien-Listenansichten als Body-Template im Divi Theme Builder. Nutzen Sie das 1-Klick-Modul für einen schnellen Start oder gestalten Sie Ihr eigenes Layout.
Detailansicht
Abschnitt betitelt „Detailansicht“Auch die Detailansicht gestalten Sie vollständig mit dem Divi Theme Builder. Spezialisierte Module für Bildergalerien, Videos, 360-Grad-Touren, Datenblätter, Energieausweise, Kontaktdaten und Karten stehen bereit.
Verfügbare Divi-Module
Abschnitt betitelt „Verfügbare Divi-Module“Welche Module Ihnen im Divi Builder angeboten werden, hängt von der aktiven Divi-Version ab. Unter Divi 5 sind fast alle Module native Divi-5-Module, unter Divi 4 die klassischen Divi-4-Module.
Für Divi 4 und Divi 5
Abschnitt betitelt „Für Divi 4 und Divi 5“| Modul | Beschreibung |
|---|---|
| WP-ImmoMakler 1-Klick: Listenansicht | Komplette Listenansicht mit dem WP-ImmoMakler HTML-Template |
| WP-ImmoMakler 1-Klick: Detailansicht | Komplette Detailansicht mit dem WP-ImmoMakler HTML-Template |
| WP-ImmoMakler Bildergalerie | Fotogalerie mit Swiper-Slider und Lightbox |
| WP-ImmoMakler Beschreibungstext | Freitext-Beschreibungsfelder mit Formatierungsoptionen |
| WP-ImmoMakler Kontaktdaten | Angaben zur Kontaktperson als Definitionsliste |
| WP-ImmoMakler Eckdaten-Boxen | Eckdaten als responsives CSS-Grid. Unter Divi 4 heißt das Modul WP-ImmoMakler Daten-Kästen |
| WP-ImmoMakler Energieausweis | Energieausweisdaten als Liste (Deutschland, Österreich, Spanien, Italien), unter Divi 4 mit der Energieausweis-Skala PLUS. Unter Divi 5 heißt das Modul WP-ImmoMakler Energieausweis Werte und zeigt die Skala mit der Option “Diagramm anzeigen” |
| WP-ImmoMakler Lagekarte | Karte mit der Lage der Immobilie |
| WP-ImmoMakler Videos | Eingebettete Videos |
| WP-ImmoMakler Virtueller Rundgang PLUS | 360-Grad-Touren als Vorschaubild mit Lightbox |
| WP-ImmoMakler Propstack Newsletter PLUS | Newsletter-Anmeldung mit Propstack Double-Opt-In |
| WP-ImmoMakler Widerrufsbutton | Button zum Widerruf eines Vertrags |
| WP-ImmoMakler Widerrufsformular | Formular zum Widerruf eines Vertrags mit automatischer Eingangsbestätigung |
Nur unter Divi 5
Abschnitt betitelt „Nur unter Divi 5“| Modul | Beschreibung |
|---|---|
| WP-ImmoMakler Immobiliendaten | Alle Immobiliendaten als Definitionsliste |
| WP-ImmoMakler Flächen-Liste | Flächenangaben als Definitionsliste |
| WP-ImmoMakler Preise-Liste | Preisfelder als Definitionsliste |
| WP-ImmoMakler Eckdaten-Icon-Liste | Eckdaten als kompakte Icon-Liste |
| WP-ImmoMakler Fotogalerie Raster (veraltet) | Jetzt das Static-Layout “Mosaik” der Bildergalerie; bestehende Instanzen werden weiterhin dargestellt |
| WP-ImmoMakler Kontaktformular | Kontaktformular der Immobilie |
| WP-ImmoMakler Kontaktperson Foto | Foto der Kontaktperson |
| WP-ImmoMakler Downloads und Links | Downloads und Links als Icon-Liste |
| WP-ImmoMakler Energieausweis Diagramm PLUS | Nur die grafische Energieausweis-Skala, ohne die Werte |
| WP-ImmoMakler Suchformular PLUS | Immobilien-Suchformular mit Filtern |
| WP-ImmoMakler Karte Immobilien-Liste PLUS | Karte mit den Immobilien der Listenansicht |
| WP-ImmoMakler Immobilien Ergebnisliste | Nur die Ergebnisliste, ohne Suchformular, Karte und Überschrift |
| WP-ImmoMakler Ortsangabe | Postleitzahl und Ort der Immobilie, etwa für die Karten eines Divi Loops |
| WP-ImmoMakler Ausstattung/Merkmale | Ausstattungsmerkmale der Immobilie als Liste |
| WP-ImmoMakler PDF Exposé Button PLUS | Button zum PDF-Exposé der Immobilie |
Eine ausführliche Beschreibung aller Divi-5-Module finden Sie unter Divi 5: Einzelobjekt-Module.
Nur unter Divi 4
Abschnitt betitelt „Nur unter Divi 4“| Modul | Beschreibung |
|---|---|
| WP-ImmoMakler Objektdaten | Auswählbare Datentabelle als Definitionsliste. Unter Divi 5 übernimmt das Modul WP-ImmoMakler Immobiliendaten diese Aufgabe; der Divi-5-Migrator wandelt bestehende Objektdaten-Module dorthin um |
Dynamic Content
Abschnitt betitelt „Dynamic Content“WP-ImmoMakler registriert Dynamic-Content-Felder für Divi 4 und Divi 5, die Sie in beliebigen Divi-Modulen verwenden können. Sie finden sie in der Auswahl der dynamischen Inhalte in der Gruppe WP-ImmoMakler. In einem Divi Loop zeigt jedes Feld die Daten der Immobilie des jeweiligen Eintrags.
Text-Felder
Abschnitt betitelt „Text-Felder“| Feld | Beschreibung |
|---|---|
| Objekttitel | Immobilientitel aus der Maklersoftware |
| Subtitle | PLZ, Ort, Objektart |
| Preis | Formatierter Preis |
Unter Divi 4 können Sie vor dem Text zusätzlich ein Icon einblenden. Divi 5 bietet in den Einstellungen dynamischer Inhalte keine Icon-Auswahl; setzen Sie das Icon dort mit einem eigenen Modul davor.
Beschreibungs-Felder
Abschnitt betitelt „Beschreibungs-Felder“| Feld | Beschreibung |
|---|---|
| Dreizeiler | Kurzbeschreibung |
| Objektbeschreibung | Ausführliche Beschreibung |
| Ausstattung/Beschreibung | Ausstattungsbeschreibung |
| Lage | Lagebeschreibung |
| Sonstige Angaben | Zusätzliche Informationen |
Jedes Beschreibungsfeld bietet Optionen zur automatischen HTML-Bereinigung, URL-Verlinkung, Telefonnummern-Erkennung, Aufzählungszeichen-Konvertierung und typografischen Korrekturen.
Bild-Felder
Abschnitt betitelt „Bild-Felder“| Feld | Beschreibung |
|---|---|
| Titelbild der Immobilie | Beitragsbild der Immobilie, nutzbar in Bild-Modulen und Hintergründen |
Link-Felder
Abschnitt betitelt „Link-Felder“| Feld | Beschreibung |
|---|---|
| Link zur Immobilie | Adresse der Detailseite der Immobilie, etwa um in einem Divi Loop die Überschrift eines Eintrags zu verlinken |
| Erster PDF-Anhang | Adresse des ersten an der Immobilie hängenden PDFs |
| Erster PDF-Anhang mit “Grundriss” im Titel oder Dateinamen | Adresse des ersten PDF-Anhangs, dessen Titel oder Dateiname “Grundriss” enthält |
| Link zurück zur Listenansicht (auf die Karte der Immobilie) | Für einen eigenen “Zur Übersicht”-Button: führt auf die Liste zurück, von der der Besucher gekommen ist, und scrollt dort zur Karte der Immobilie — auch mit Caching-Plugin |
Das zweite Feld durchsucht Titel und Dateinamen der PDF-Anhänge nach “Grundriss” — Groß- und Kleinschreibung spielt keine Rolle, Schreibweisen wie “Grundrisse” oder “Grundriss_EG.pdf” werden ebenfalls erkannt. Hängen an einer Immobilie mehrere PDFs, etwa Exposé und Energieausweis, verlinken Sie damit gezielt den Grundriss.
Links, Buttons und die Bedienelemente der Bildergalerie von WP-ImmoMakler übernehmen die Farben Ihres Divi-Themes: Buttons und Galerie die Primärfarbe (Akzentfarbe), Links die Linkfarbe. Beide stellen Sie in den Divi-Theme-Optionen bzw. unter Divi 5 in den globalen Farben ein.
Das gilt, solange Sie im Customizer unter WP-ImmoMakler → Farben keine eigenen Farben aktiviert haben. Mit Farben anpassen legen Sie abweichende Farben nur für WP-ImmoMakler fest; diese haben dann immer Vorrang.
Divi 4 und Divi 5
Abschnitt betitelt „Divi 4 und Divi 5“WP-ImmoMakler unterstützt beide Divi-Versionen und erkennt automatisch, welche aktiv ist. Unter Divi 5 stehen fast alle Module als native Divi-5-Module bereit; nur die drei oben unter “Nur unter Divi 4” genannten laufen dort im Kompatibilitätsmodus weiter. Eine Schritt-für-Schritt-Anleitung für Divi 5 finden Sie unter Divi 5: Archiv- und Single-Template erstellen; Details zum Umstieg unter Umstieg auf Divi 5.
Vorschau-Immobilie
Abschnitt betitelt „Vorschau-Immobilie“Im Divi Visual Builder zeigen die WP-ImmoMakler-Module echte Immobiliendaten als Vorschau. Welche Immobilie dabei verwendet wird, legen Sie fest:
- Global unter WP-ImmoMakler → Einstellungen → Theme Builder → Vorschau-Immobilie — gilt für alle Vorlagen, solange keine vorlagenspezifische Auswahl existiert.
- Pro Vorlage (nur Divi 5): Im Visual Builder unter Seiteneinstellungen → Inhalt → Vorschau-Immobilie — durchsuchbares Auswahlfeld, überschreibt die globale Einstellung für genau diese Vorlage. Die Vorschau aller Module aktualisiert sich sofort ohne Speichern.
Divi 4 nutzt ausschließlich die globale Einstellung.
Schritt-für-Schritt-Anleitungen
Abschnitt betitelt „Schritt-für-Schritt-Anleitungen“- Divi 4: Archiv-Template erstellen — Immobilien-Listenansicht mit dem Divi 4 Theme Builder gestalten
- Divi 4: Single-Template erstellen — Immobilien-Detailansicht mit dem Divi 4 Theme Builder gestalten
- Divi 5: Archiv- und Single-Template erstellen — Archiv- und Single-Template mit dem Divi 5 Theme Builder anlegen
- Umstieg auf Divi 5 — Wie sich die Module unter Divi 5 verhalten und wie bestehende Layouts übernommen werden
Das könnte Sie auch interessieren
Abschnitt betitelt „Das könnte Sie auch interessieren“- Divi 5: Archiv- und Single-Template erstellen — Schritt-für-Schritt inkl. per-Vorlage Vorschau-Immobilie
- Einstellungen: Theme Builder — Globale Vorschau-Immobilie und Prioritätsreihenfolge
- Umstieg auf Divi 5 — Modulverhalten und Layout-Migration
- WPBakery Page Builder