Archiv-Seite erstellen
Mit dem Gutenberg-Block Immobilien Listenansicht gestalten Sie die Immobilien-Listenansicht Ihrer Website im Block-Editor. Der Block gibt die komplette Trefferliste mit dem HTML-Template von WP-ImmoMakler aus — inklusive Suchformular, Sortierung, Seitennavigation und Kartenansicht (je nach Konfiguration und Edition).
Der Block ist kein Baustein für beliebige Seiten: Er zeigt die Immobilien, die WordPress für die aufgerufene Adresse gefunden hat — also die Trefferliste unter /immobilien/ und in den Kategorie-Ansichten wie /immobilien-arten/wohnung/. Nur dort funktionieren Suchfilter, Sortierung und Seitennavigation. Auf einer normalen Seite gibt es diese Treffer nicht; der Block zeigt dann lediglich eine feste Vorschau mit einigen Immobilien, ohne Seitennavigation und ohne wirksame Suchfilter.
Der Block gehört deshalb in die Vorlage der Listenansicht. Wo Sie diese Vorlage anlegen, hängt von Ihrem Theme ab:
| Ihr Theme | Vorlage der Listenansicht | Anleitung |
|---|---|---|
| Block-Theme (z. B. Twenty Twenty-Five) | Template Archiv: Immobilien im Site Editor | Block-Theme: Template im Site Editor |
Klassisches Theme (mit header.php / footer.php) | Eine Vorlagenseite im Block-Editor | Klassisches Theme: Vorlagenseite |
Voraussetzungen
Abschnitt betitelt „Voraussetzungen“- WordPress ab Version 6.7
- WP-ImmoMakler (beliebige Edition)
- Für den Site Editor: ein Block-Theme
Block-Theme: Template im Site Editor
Abschnitt betitelt „Block-Theme: Template im Site Editor“In einem Block-Theme gestalten Sie die Listenansicht als Template für den Beitragstyp Immobilien. WordPress verwendet dieses Template dann automatisch unter der Adresse der Immobilien-Listenansicht.
-
Plugin-Template abschalten
Deaktivieren Sie im Backend Ihrer Website (wp-admin) unter WP-ImmoMakler → Einstellungen → Theme Builder die Option Plugin übernimmt Listen- und Detailansicht und speichern Sie.
Solange diese Option aktiv ist, stellt WP-ImmoMakler die Listenansicht mit dem eigenen Template dar — Ihr Template aus dem Site Editor kommt dann nicht zum Einsatz.
-
Template anlegen
Öffnen Sie unter Design → Editor den Site Editor und wechseln Sie zu Templates. Klicken Sie auf Template hinzufügen und wählen Sie Archiv: Immobilien. Existiert dieses Template bereits, öffnen Sie es stattdessen.
-
Block einfügen
Klicken Sie im Template auf das +-Icon, suchen Sie nach Immobilien Listenansicht (Kategorie Widgets) und fügen Sie den Block an der Stelle ein, an der die Trefferliste erscheinen soll — in der Regel zwischen dem Header- und dem Footer-Template-Teil Ihres Themes.
Der Editor zeigt eine serverseitig gerenderte Vorschau der Listenansicht mit echten Immobilien.
-
Template speichern
Speichern Sie das Template. Rufen Sie anschließend die Immobilien-Listenansicht auf (in der Regel
/immobilien/) und prüfen Sie Suchfilter, Sortierung und Seitennavigation.
Klassisches Theme: Vorlagenseite
Abschnitt betitelt „Klassisches Theme: Vorlagenseite“Klassische Themes haben keinen Site Editor. Hier gestalten Sie die Listenansicht als Vorlagenseite: eine normale WordPress-Seite, die Sie im Block-Editor aufbauen und bei WP-ImmoMakler als Vorlage anmelden. WP-ImmoMakler zeigt diese Seite dann unter der Adresse der Listenansicht und in den Kategorie-Ansichten an — mit der jeweils aufgerufenen Trefferliste.
-
Seite anlegen
Legen Sie unter Seiten → Erstellen eine neue Seite an, zum Beispiel mit dem Titel “Vorlage: Immobilien Listenansicht”.
-
Block einfügen
Klicken Sie auf das +-Icon, suchen Sie nach Immobilien Listenansicht (Kategorie Widgets) und fügen Sie den Block ein. Weitere Blöcke — etwa eine Überschrift oder einen Einleitungstext — platzieren Sie wie auf jeder anderen Seite.
-
Seite als Vorlage anmelden
Wählen Sie unterhalb des Seiteninhalts im Bereich WP-ImmoMakler Vorlage unter Verwenden als den Eintrag Listenansicht (Immobilien).
-
Seite veröffentlichen
Veröffentlichen Sie die Seite. Rufen Sie anschließend die Immobilien-Listenansicht auf (in der Regel
/immobilien/) und prüfen Sie Suchfilter, Sortierung und Seitennavigation.
Die Option Plugin übernimmt Listen- und Detailansicht können Sie hier eingeschaltet lassen: Eine zutreffende Vorlagenseite hat Vorrang. Wie Sie mehrere Vorlagenseiten mit Bedingungen kombinieren und was WP-ImmoMakler auf einer Vorlagenseite für SEO, Seitentitel und kanonische URL übernimmt, beschreibt die Seite Vorlagenseiten.
Immobilien auf einer normalen Seite zeigen
Abschnitt betitelt „Immobilien auf einer normalen Seite zeigen“Möchten Sie eine Immobilienliste auf der Startseite oder einer anderen Seite einbetten, verwenden Sie statt des Blocks den Shortcode [immomakler-archive] — im Block Shortcode des Block-Editors. Er akzeptiert Filter- und Darstellungs-Attribute wie vermarktungsart=kauf, posts_per_page=6 oder columns=3. Eine Suchmaske auf einer beliebigen Seite platzieren Sie mit dem Block Immobilien Suchformular (Plus) oder dem Shortcode [immomakler-search-form].
Anpassungsmöglichkeiten
Abschnitt betitelt „Anpassungsmöglichkeiten“Der Block rendert die Standard-Listenansicht von WP-ImmoMakler. Das Erscheinungsbild lässt sich anpassen über:
- WP-ImmoMakler Customizer unter Design → Customizer → WP-ImmoMakler
- CSS-Anpassungen im WordPress Customizer oder per Child-Theme
- WP-ImmoMakler Child-Skin-Plugin für tiefergreifende Template-Änderungen
Vorschau-Immobilien
Abschnitt betitelt „Vorschau-Immobilien“Im Site Editor zeigt der Block eine Live-Vorschau mit echten Immobilien. Anders als bei den Detailansicht-Blöcken gibt es dafür keine Auswahl einer einzelnen Vorschau-Immobilie: Die Vorschau zeigt einige veröffentlichte Immobilien Ihrer Website.