Templates anpassen
WP-ImmoMakler bringt ein eigenes responsives Skin-System mit, das auf Bootstrap 3 basiert. Für update-sichere Anpassungen und eine nahtlose Integration in Ihr WordPress-Theme stehen mehrere Wege zur Verfügung.
Der Child-Skin
Abschnitt betitelt „Der Child-Skin“Das Plugin folgt dem WordPress-Child-Theme-Prinzip und bietet ein eigenes Child-Skin-Plugin. Laden und aktivieren Sie das WP-ImmoMakler Child-Skin, bevor Sie Anpassungen vornehmen.
Das Prinzip funktioniert wie folgt:
- Laden Sie das Child-Skin-Plugin herunter, installieren und aktivieren Sie es
- Kopieren Sie nur diejenigen Template-Dateien in das Child-Skin-Verzeichnis, die Sie ändern möchten
- Behalten Sie dabei die originale Verzeichnisstruktur bei: Templates liegen unter
/wp-content/plugins/immomakler/skins/bootstrap3/ - Alle nicht kopierten Templates werden weiterhin aus dem Haupt-Plugin geladen
Wichtige Ausnahmen
Abschnitt betitelt „Wichtige Ausnahmen“functions.php: Diese Datei wird vor dem Haupt-Skin geladen, sodass Sie darin Funktionen überschreiben können.
immomakler.css: Diese Datei wird nach den Standard-Stilen geladen. Beginnen Sie mit einer leeren Datei und fügen Sie nur Ihre eigenen Stile hinzu. Kopieren Sie nicht die gesamte Original-CSS-Datei.
Methoden zur Theme-Integration
Abschnitt betitelt „Methoden zur Theme-Integration“Methode 1: Header und Footer anpassen
Abschnitt betitelt „Methode 1: Header und Footer anpassen“Kopieren Sie header.php und footer.php in Ihren Child-Skin und passen Sie die umschließenden HTML-Container an Ihr Theme an. Vergleichen Sie dazu den Quellcode anderer Seiten Ihres Themes, um fehlende HTML-Wrapper zu identifizieren.
Methode 2: Direkte Theme-Integration
Abschnitt betitelt „Methode 2: Direkte Theme-Integration“Für eine dauerhafte Integration können Sie die Child-Skin-Dateien direkt in Ihr Theme-Verzeichnis unter /wp-content/themes/ihr-theme/immomakler/ kopieren.
Eigenes Template entwickeln
Abschnitt betitelt „Eigenes Template entwickeln“In eigenen Templates können Sie direkt auf Immobilien-Daten zugreifen, indem Sie die Klasse PropertyData aus dem Plugin instanziieren.
Auf Immobilien-Daten zugreifen
Abschnitt betitelt „Auf Immobilien-Daten zugreifen“$property_data = new \ImmoMakler\Data\PropertyData;if ( $property_data->show( 'wohnflaeche' ) ) { echo esc_html( $property_data->get_label( 'wohnflaeche' ) ); echo $property_data->get_value( 'wohnflaeche' );}Die Klasse stellt drei zentrale Methoden bereit:
| Methode | Beschreibung |
|---|---|
show( $key ) | Prüft, ob ein Feld angezeigt werden soll (gemäß Plugin-Einstellungen) |
get_label( $key ) | Gibt die konfigurierte Bezeichnung des Feldes zurück |
get_value( $key ) | Gibt den formatierten Feldwert zurück |
Sicherheitshinweis
Abschnitt betitelt „Sicherheitshinweis“Verwenden Sie esc_html() beim Ausgeben von Label und Wert, um XSS-Angriffe zu verhindern, sofern Sie den Wert als reinen Text ausgeben.
Einsatzort
Abschnitt betitelt „Einsatzort“Platzieren Sie Ihr eigenes Template im Child-Skin unter dem entsprechenden Verzeichnis (z. B. single/ für Detailansichten, archive/ für die Listenansicht), damit es update-sicher eingesetzt wird. Alternativ können Sie es direkt in Ihr WordPress-Theme unter /wp-content/themes/ihr-theme/immomakler/ legen.
Professionelle Integrations-Dienstleistung
Abschnitt betitelt „Professionelle Integrations-Dienstleistung“Wenn Sie Unterstützung bei der Theme-Integration benötigen, bietet WP-ImmoMakler einen Pauschalpreis-Integrationsservice an. Dieser umfasst grundlegende Template-Anpassungen, Farben und Layout-Änderungen. Für umfangreichere Anpassungen steht ein stundenbasierter Service zur Verfügung. Wenden Sie sich dazu an den Support.