Personnaliser les templates
WP-ImmoMakler dispose de son propre système de skin responsive basé sur Bootstrap 3. Plusieurs approches sont disponibles pour des personnalisations sécurisées pour les mises à jour et une intégration harmonieuse dans votre thème WordPress.
Le WP-ImmoMakler Child-Skin-Plugin
Section intitulée « Le WP-ImmoMakler Child-Skin-Plugin »Le plugin suit le principe du thème enfant de WordPress et propose son propre WP-ImmoMakler Child-Skin-Plugin. Téléchargez et activez le WP-ImmoMakler Child-Skin-Plugin avant d’effectuer vos personnalisations.
Le principe fonctionne comme suit :
- Téléchargez, installez et activez le WP-ImmoMakler Child-Skin-Plugin
- Copiez uniquement les fichiers de template que vous souhaitez modifier dans le répertoire du WP-ImmoMakler Child-Skin-Plugin
- Conservez la structure de répertoires originale : les templates se trouvent sous
/wp-content/plugins/immomakler/skins/bootstrap3/ - Tous les templates non copiés continuent d’être chargés depuis le plugin principal
Exceptions importantes
Section intitulée « Exceptions importantes »functions.php : Ce fichier est chargé avant le skin principal, ce qui vous permet d’y surcharger des fonctions.
immomakler.css : Ce fichier est chargé après les styles par défaut. Commencez avec un fichier vide et ajoutez uniquement vos propres styles. Ne copiez pas l’intégralité du fichier CSS original.
Méthodes d’intégration dans le thème
Section intitulée « Méthodes d’intégration dans le thème »Méthode 1 : Personnaliser le header et le footer
Section intitulée « Méthode 1 : Personnaliser le header et le footer »Copiez header.php et footer.php dans votre WP-ImmoMakler Child-Skin-Plugin et adaptez les conteneurs HTML englobants à votre thème. Comparez le code source d’autres pages de votre thème pour identifier les wrappers HTML manquants.
Méthode 2 : Intégration directe dans le thème
Section intitulée « Méthode 2 : Intégration directe dans le thème »Pour une intégration permanente, vous pouvez copier les fichiers du WP-ImmoMakler Child-Skin-Plugin directement dans le répertoire de votre thème sous /wp-content/themes/votre-theme/immomakler/.
Développer son propre template
Section intitulée « Développer son propre template »Dans vos propres templates, vous pouvez accéder directement aux données immobilières en instanciant la classe PropertyData du plugin.
Accéder aux données immobilières
Section intitulée « Accéder aux données immobilières »$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' );}La classe fournit trois méthodes principales :
| Méthode | Description |
|---|---|
show( $key ) | Vérifie si un champ doit être affiché (selon les paramètres du plugin) |
get_label( $key ) | Retourne le libellé configuré du champ |
get_value( $key ) | Retourne la valeur formatée du champ |
Remarque de sécurité
Section intitulée « Remarque de sécurité »Utilisez esc_html() lors de l’affichage du libellé et de la valeur pour prévenir les attaques XSS, si vous affichez la valeur en tant que texte brut.
Emplacement
Section intitulée « Emplacement »Placez votre template personnalisé dans le WP-ImmoMakler Child-Skin-Plugin, dans le répertoire correspondant (par ex. single/ pour les vues détaillées, archive/ pour la vue en liste), afin qu’il soit protégé lors des mises à jour. Vous pouvez également le placer directement dans votre thème WordPress sous /wp-content/themes/votre-theme/immomakler/.
Service d’intégration professionnel
Section intitulée « Service d’intégration professionnel »Si vous avez besoin d’aide pour l’intégration dans votre thème, WP-ImmoMakler propose un service d’intégration à prix forfaitaire. Celui-ci comprend les adaptations de base des templates, les couleurs et les modifications de mise en page. Pour des personnalisations plus poussées, un service à l’heure est disponible. Contactez notre équipe de support pour en savoir plus.