Blocs Gutenberg
WP-ImmoMakler fournit trois blocs Gutenberg permettant d’intégrer les vues liste, détail et galerie d’images de biens immobiliers directement dans n’importe quelle page ou article WordPress.
Les blocs se trouvent dans la catégorie Widgets de l’éditeur de blocs.
Vue liste
Section intitulée « Vue liste »Avec le bloc Vue liste de biens immobiliers, intégrez la liste complète des biens immobiliers — avec le formulaire de recherche, la pagination et la vue carte — sur n’importe quelle page.
Vue détail
Section intitulée « Vue détail »Avec le bloc Vue détail de biens immobiliers, intégrez la vue détail complète d’un bien immobilier — avec la galerie, les tableaux de données, le formulaire de contact et la carte.
Avec le bloc Galerie de biens immobiliers, intégrez uniquement la galerie d’images d’un bien immobilier — en mode Slideshow ou grille statique, avec un contrôle complet sur la mise en page, les proportions, les tailles et le design par instance de bloc.
Blocs disponibles
Section intitulée « Blocs disponibles »| Bloc | Nom du bloc | Description |
|---|---|---|
| Vue liste de biens immobiliers | immomakler/archive-html | Liste complète des biens immobiliers avec le template HTML WP-ImmoMakler |
| Vue détail de biens immobiliers | immomakler/single-html | Page de détail complète d’un bien immobilier avec le template HTML WP-ImmoMakler |
| Galerie de biens immobiliers | immomakler/gallery | Galerie d’images autonome d’un bien immobilier (Slideshow ou grille) |
Détails techniques
Section intitulée « Détails techniques »Les blocs sont rendus côté serveur (render.php) et utilisent le composant WordPress ServerSideRender pour l’aperçu dans l’éditeur. L’éditeur affiche un aperçu avec les fichiers CSS du skin :
- Bootstrap CSS
immomakler.cssimmomakler-plus.css
Les blocs ne chargent pas de CSS supplémentaire dans le frontend, car les styles du skin sont déjà intégrés globalement.
Bien immobilier de prévisualisation
Section intitulée « Bien immobilier de prévisualisation »Dans le Site Editor, les blocs WP-ImmoMakler affichent un aperçu en direct avec de vraies données de biens immobiliers. Vous contrôlez quel bien immobilier est utilisé comme exemple sur deux niveaux :
- Globalement : dans le backend de votre site (wp-admin) sous WP-ImmoMakler → Paramètres → Theme Builder → Bien immobilier de prévisualisation. Cette sélection s’applique à tous les blocs et templates, sauf si une sélection spécifique par template a été effectuée.
- Par template : Dans le Site Editor, ouvrez les Paramètres du template (icône d’engrenage en haut à droite) et sélectionnez un bien immobilier dans le champ de recherche sous Bien immobilier de prévisualisation. Vous pouvez ainsi, par exemple, associer une maison à un template maison et un bien commercial à un template commercial comme prévisualisation. La sélection spécifique par template est prioritaire sur le paramètre global.
Guides étape par étape
Section intitulée « Guides étape par étape »- Créer une page d’archive — Intégrer la vue liste de biens immobiliers avec le bloc Gutenberg
- Créer une page de détail — Intégrer la vue détail de biens immobiliers avec le bloc Gutenberg
- Utiliser le bloc galerie — Intégrer la galerie d’images d’un bien immobilier en tant que bloc autonome