Aller au contenu

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.

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.

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.

BlocNom du blocDescription
Vue liste de biens immobiliersimmomakler/archive-htmlListe complète des biens immobiliers avec le template HTML WP-ImmoMakler
Vue détail de biens immobiliersimmomakler/single-htmlPage de détail complète d’un bien immobilier avec le template HTML WP-ImmoMakler
Galerie de biens immobiliersimmomakler/galleryGalerie d’images autonome d’un bien immobilier (Slideshow ou grille)

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.css
  • immomakler-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.

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 BuilderBien 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.