Divi 5: Archiv- und Single-Template erstellen

Diese Anleitung zeigt, wie Sie in Divi 5 ein Archiv-Template für die Immobilien-Listenansicht und ein Single-Template für die Immobilien-Detailansicht anlegen. Beide Templates nutzen die nativen WP-ImmoMakler-1-Klick-Module, die im Divi-5-Visual-Builder eine Live-Vorschau mit echten Immobiliendaten anzeigen.

Hinweis

Diese Anleitung gilt für Divi 5. Für Divi 4 lesen Sie die Anleitungen Divi 4: Archiv-Template erstellen und Divi 4: Single-Template erstellen.

Tipp

Deaktivieren Sie im Backend Ihrer Website (wp-admin) unter WP-ImmoMakler → Einstellungen → Theme Builder die Option Plugin übernimmt Listen- und Detailansicht, wenn Sie die Darstellung vollständig mit dem Divi Theme Builder steuern möchten.

Archiv-Template (Listenansicht)

Das Archiv-Template steuert, wie die Immobilien-Übersichtsseite dargestellt wird — also die Seite, auf der alle Immobilien als Liste oder Kacheln erscheinen.

1. Theme Builder öffnen

   Navigieren Sie im Backend Ihrer Website (wp-admin) unter Divi → Theme Builder.

   

2. Neue Vorlage erstellen

   Klicken Sie auf + Neue Vorlage Hinzufügen und wählen Sie im Dropdown Neue Vorlage Erstellen.

   

3. Zuweisung konfigurieren

   Der Dialog Template-Einstellungen öffnet sich auf dem Tab Verwenden Für. Aktivieren Sie die folgenden Checkboxen:

   • Im Abschnitt Archivseiten: alle 7 Immobilien-Taxonomie-Archive — Alle Immobilien-Ausstattung-Seiten, Alle Immobilien-Länder-Seiten, Alle Immobilien-Nutzungsarten-Seiten, Alle Immobilien-Objektarten-Seiten, Alle Immobilien-Ort-Seiten, Alle Immobilien-Status-Seiten und Alle Immobilien-Vermarktungsarten-Seiten
   • Im Abschnitt Immobilien: Immobilien-Archivseite
   

   Achtung

   Aktivieren Sie unbedingt alle 7 Taxonomie-Archive im Abschnitt Archivseiten. Ohne diese Zuweisungen greift das Template nicht auf gefilterten Archivseiten — zum Beispiel wenn Besucher nach Objektart, Ort oder Vermarktungsart filtern.

   Klicken Sie anschließend auf Vorlage Erstellen.

4. Hauptinhalt hinzufügen

   Das neue Template erscheint im Theme Builder mit dem Label Immobilien-Archivseite. Bewegen Sie die Maus über den mittleren Bereich des Templates und klicken Sie auf Benutzerdefinierten Hauptinhalt Hinzufügen. Wählen Sie im Dropdown Benutzerdefinierten Hauptinhalt Erstellen.

   

5. Zeile hinzufügen

   Der Visual Builder öffnet sich. Klicken Sie auf Zeile Hinzufügen und wählen Sie das einspaltrige Layout.

   

6. Modul einfügen

   Klicken Sie in der neuen Zeile auf Modul Hinzufügen. Im Dialog Modul Oder Zeile Einfügen suchen Sie nach Listenansicht und klicken Sie auf WP-ImmoMakler 1-Klick: Listenansicht.

   

   Das Modul wird eingefügt und zeigt sofort eine Live-Vorschau mit Ihren Immobilien im Visual Builder.

   

7. Speichern

   Klicken Sie oben rechts auf Speichern. Das Archiv-Template ist jetzt aktiv.

Single-Template (Detailansicht)

Das Single-Template steuert, wie die Detailseite einer einzelnen Immobilie dargestellt wird.

1. Theme Builder öffnen

   Navigieren Sie im Backend Ihrer Website (wp-admin) unter Divi → Theme Builder.

2. Neue Vorlage erstellen

   Klicken Sie auf + Neue Vorlage Hinzufügen und wählen Sie Neue Vorlage Erstellen.

3. Zuweisung konfigurieren

   Scrollen Sie im Dialog Template-Einstellungen auf dem Tab Verwenden Für bis zum Abschnitt Immobilien und setzen Sie einen Haken bei Alle Immobilien. Klicken Sie auf Vorlage Erstellen.

   

4. Hauptinhalt hinzufügen

   Klicken Sie im neuen Template auf Benutzerdefinierten Hauptinhalt Hinzufügen und wählen Sie Benutzerdefinierten Hauptinhalt Erstellen.

5. Zeile hinzufügen

   Im Visual Builder klicken Sie auf Zeile Hinzufügen und wählen Sie das einspaltrige Layout.

6. Modul einfügen

   Klicken Sie auf Modul Hinzufügen, suchen Sie nach Detailansicht und wählen Sie WP-ImmoMakler 1-Klick: Detailansicht.

   

7. Speichern

   Klicken Sie auf Speichern. Das Single-Template ist jetzt aktiv.

Vorschau-Immobilie pro Vorlage

Im Divi 5 Visual Builder zeigen die WP-ImmoMakler-Module eine Live-Vorschau mit echten Immobiliendaten. Sie können pro Vorlage eine eigene Vorschau-Immobilie festlegen — etwa ein Haus für die Haus-Vorlage und ein Gewerbeobjekt für die Gewerbe-Vorlage.

1. Seiteneinstellungen öffnen

   Klicken Sie im Visual Builder oben in der Werkzeugleiste auf das Zahnrad-Symbol (Seiteneinstellungen).

2. Inhalt-Tab wählen und Vorschau-Immobilie auswählen

   Wechseln Sie im Seiteneinstellungen-Fenster auf den Tab Inhalt. Geben Sie im Feld Vorschau-Immobilie einen Suchbegriff (Objekt-Nr. oder Titel) ein und wählen Sie die gewünschte Immobilie aus der Liste.

   Die Vorschau aller WP-ImmoMakler-Module im Canvas aktualisiert sich sofort — ohne Speichern.

3. Speichern

   Klicken Sie auf Speichern. Die Auswahl ist ab sofort dieser Vorlage zugeordnet.

Tipp

Solange keine vorlagenspezifische Auswahl getroffen ist, gilt die globale Vorschau-Immobilie aus WP-ImmoMakler → Einstellungen → Theme Builder. Die vorlagenspezifische Auswahl hat immer Vorrang.

Anpassungsmöglichkeiten

Beide 1-Klick-Module zeigen die bewährte WP-ImmoMakler HTML-Darstellung. Für weitergehende Anpassungen:

• WP-ImmoMakler Customizer: Farben, Schriften und Abstände über Design → Customizer → WP-ImmoMakler anpassen
• Modul-Einstellungen: Im Visual Builder das Modul öffnen, um einzelne Bereiche wie Bildergalerie oder Überschrift ein- oder auszublenden
• CSS: Eigene Styles im Modul-Tab Erweitert oder über ein Child-Skin-Plugin eintragen

Für die Detailansicht stehen neben dem 1-Klick-Modul auch spezialisierte Einzel-Module bereit — für Galerie, Objektdaten, Lagekarte, Kontaktdaten und mehr. Wie Sie diese in ein individuelles Layout einbauen, beschreibt Single-Template erstellen.

Das könnte Sie auch interessieren

• Divi Theme Builder Übersicht — Alle verfügbaren WP-ImmoMakler Divi-Module im Überblick
• Einstellungen: Theme Builder — Globale Vorschau-Immobilie und Übersicht aller Builder-Overrides
• Umstieg auf Divi 5 — Wie bestehende Divi-4-Layouts beim Umstieg übernommen werden
• Divi 4: Single-Template erstellen — Detailansicht mit spezialisierten Modulen individuell gestalten