Zum Inhalt springen

Archiv-Template erstellen

Mit dem WPBakery Page Builder gestalten Sie die Darstellung der Immobilien-Listenansicht (Archiv). Sie haben zwei Wege: die Immobilien Listenansicht auf einer Vorlagenseite für die eigentliche Listenansicht mit Suchmaske, Sortierung und Seitennummerierung, oder das Immobilien Grid für eine Auswahl an Immobilien auf einer beliebigen Seite.

  • WPBakery Page Builder
  • WP-ImmoMakler (beliebige Edition)

WPBakery hat keinen Theme Builder: Sie gestalten damit einzelne Seiten, können ein Layout aber nicht als Vorlage für die Immobilien-Listenansicht hinterlegen. Diese Aufgabe übernimmt eine Vorlagenseite: Sie gestalten eine ganz normale WordPress-Seite mit WPBakery und melden sie bei WP-ImmoMakler als Listenansicht an. WP-ImmoMakler zeigt diese Seite dann unter der Adresse der Listenansicht (in der Regel /immobilien/) an — und ebenso in den Kategorie-Ansichten wie /immobilien-arten/wohnung/ und bei gefilterten Adressen.

Die Option Plugin übernimmt Listen- und Detailansicht können Sie dabei aktiviert lassen: Eine Vorlagenseite hat Vorrang.

Das Komplett-Element gibt die gesamte Immobilienliste mit dem bewährten WP-ImmoMakler HTML-Template aus.

  1. Vorlagenseite anlegen

    Legen Sie unter Seiten → Erstellen eine neue Seite an, zum Beispiel mit dem Titel “Vorlage: Immobilien Listenansicht”, und öffnen Sie sie im WPBakery-Editor.

  2. Element einfügen

    Klicken Sie auf Element hinzufügen und suchen Sie nach Immobilien Listenansicht. Fügen Sie das Element auf der Seite ein.

  3. Optionen konfigurieren

    Optional: Deaktivieren Sie die Anzeige des Seitentitels, wenn Ihr Theme diesen bereits ausgibt.

  4. Als Listenansicht anmelden

    Wählen Sie im Bereich WP-ImmoMakler Vorlage unter Verwenden als den Eintrag Listenansicht (Immobilien) und veröffentlichen Sie die Seite.

  5. Testen

    Rufen Sie die Immobilien-Listenansicht im Frontend auf (in der Regel /immobilien/).

Das Immobilien Grid zeigt Immobilien als Kacheln in einem konfigurierbaren Raster an. Es eignet sich besonders für Startseiten oder Landingpages, auf denen eine Auswahl an Immobilien dargestellt werden soll.

  1. Seite erstellen oder bearbeiten

    Erstellen oder bearbeiten Sie die gewünschte Seite und aktivieren Sie den WPBakery-Editor.

  2. Element einfügen

    Klicken Sie auf Element hinzufügen und suchen Sie nach Immobilien Grid. Fügen Sie das Element auf der Seite ein.

  3. Grid konfigurieren

    OptionBeschreibung
    SpaltenAnzahl der Spalten (1–4, Standard: 3)
    LimitMaximale Anzahl der angezeigten Immobilien (1–12, Standard: 3)
    Zusätzliche AttributeWeitere Shortcode-Parameter im Format key="value"
  4. Speichern und testen

    Speichern Sie die Seite und prüfen Sie das Ergebnis im Frontend.

Die Listenansicht lässt sich anpassen über:

  • WP-ImmoMakler Customizer unter Design > Customizer > WP-ImmoMakler
  • CSS-Anpassungen im WPBakery CSS-Editor des Elements
  • WP-ImmoMakler Child-Skin-Plugin für tiefergreifende Template-Änderungen

WPBakery zeigt im Backend-Editor eine vereinfachte Vorschau. Um das Ergebnis mit echten Immobiliendaten zu sehen:

  1. Speichern Sie die Seite.
  2. Rufen Sie die Immobilien-Listenansicht im Frontend auf — bei einer Vorlagenseite unter der Adresse der Listenansicht, nicht unter der Adresse der Vorlagenseite selbst. Beim Immobilien Grid öffnen Sie die Seite, auf der Sie es eingefügt haben.
  3. Prüfen Sie, ob die Listenansicht korrekt dargestellt wird.