Aller au contenu

Créer une page de détail

Avec le bloc Gutenberg Vue détaillée du bien immobilier, vous concevez la page de détail de vos biens immobiliers dans l’éditeur de blocs. Le bloc affiche la vue détail complète avec le template HTML de WP-ImmoMakler — avec galerie, tableaux de données, formulaire de contact et carte — toujours pour le bien immobilier que le visiteur consulte actuellement.

Le bloc n’est pas un composant pour n’importe quelle page : il a besoin d’un bien immobilier dans le contexte, et cela n’existe que sur une page de détail de bien immobilier. Les biens immobiliers n’ont d’ailleurs pas d’éditeur de contenu propre — leurs textes, images et données proviennent de l’import ou des champs de données. C’est pourquoi vous placez le bloc une seule fois dans le template de la vue détail que WordPress utilise pour tous les biens immobiliers. L’endroit où vous créez ce template dépend de votre thème :

Votre thèmeTemplate de la vue détailGuide
Thème de blocs (par ex. Twenty Twenty-Five)Template Élément unique : Bien immobilier dans le Site EditorThème de blocs : template dans le Site Editor
Thème classique (avec header.php / footer.php)Une page modèle dans l’éditeur de blocsThème classique : page modèle
  • WordPress à partir de la version 6.7
  • WP-ImmoMakler (toute édition)
  • Pour le Site Editor : un thème de blocs

Dans un thème de blocs, vous concevez la vue détail comme template pour le type de publication Bien immobilier. WordPress utilise alors automatiquement ce template pour chaque page de détail de bien immobilier.

  1. Désactiver le template du plugin

    Désactivez dans le backend de votre site (wp-admin) sous WP-ImmoMakler → Paramètres → Theme Builder l’option Le plugin gère les vues liste et détail, puis enregistrez.

    Tant que cette option est active, WP-ImmoMakler affiche la vue détail avec son propre template — votre template du Site Editor n’est alors pas utilisé.

  2. Créer le template

    Ouvrez sous Apparence → Éditeur le Site Editor et passez à Templates. Cliquez sur Ajouter un template et sélectionnez Élément unique : Bien immobilier. Si ce template existe déjà, ouvrez-le à la place.

  3. Insérer le bloc

    Dans le template, cliquez sur le symbole +, recherchez Vue détaillée du bien immobilier (catégorie Widgets) et insérez le bloc à l’endroit où la vue détail doit apparaître — généralement entre les parties de template d’en-tête et de pied de page de votre thème.

    L’éditeur affiche un aperçu rendu côté serveur avec les données du bien immobilier de prévisualisation.

  4. Enregistrer le template

    Enregistrez le template. Ouvrez ensuite un bien immobilier sur le frontend et vérifiez l’affichage.

Les thèmes classiques n’ont pas de Site Editor. Ici, vous concevez la vue détail comme page modèle : une page WordPress normale que vous construisez dans l’éditeur de blocs et que vous enregistrez auprès de WP-ImmoMakler comme modèle. WP-ImmoMakler affiche alors cette page sur chaque page de détail de bien immobilier — avec les données du bien immobilier demandé à chaque fois.

  1. Créer la page

    Créez une nouvelle page sous Pages → Ajouter, par exemple avec le titre « Modèle : vue détail des biens immobiliers ».

  2. Insérer le bloc

    Cliquez sur le symbole +, recherchez Vue détaillée du bien immobilier (catégorie Widgets) et insérez le bloc. Placez d’autres blocs — par exemple un titre ou un texte d’information — comme sur n’importe quelle autre page.

  3. Enregistrer la page comme modèle

    Sous le contenu de la page, dans le panneau Modèle WP-ImmoMakler, sélectionnez Vue détail (Bien immobilier) sous Utiliser comme.

  4. Publier la page

    Publiez la page. Ouvrez ensuite un bien immobilier sur le frontend et vérifiez l’affichage.

Vous pouvez laisser activée ici l’option Le plugin gère les vues liste et détail : une page modèle correspondante est prioritaire. Vous pouvez aussi créer plusieurs pages modèles — par exemple une pour les maisons et une pour les appartements — et leur donner des conditions ; la page Pages modèles décrit comment cela fonctionne, et ce que WP-ImmoMakler prend en charge sur une page modèle pour le SEO, le titre de page et l’URL canonique.

Construire la vue détail à partir de blocs individuels

Section intitulée « Construire la vue détail à partir de blocs individuels »

Au lieu de la vue détail complète, vous pouvez aussi composer le template à partir d’éléments individuels — dans les deux cas, aussi bien dans le Site Editor que sur une page modèle. Chaque élément se rapporte au bien immobilier consulté :

Vous trouverez un aperçu de tous les blocs sur la page de synthèse.

Le bloc affiche la vue détail standard de WP-ImmoMakler. L’apparence peut être personnalisée via :

  • Customizer WP-ImmoMakler sous Apparence → Customizer → WP-ImmoMakler
  • Personnalisations CSS dans le Customizer WordPress ou via un thème enfant
  • WP-ImmoMakler Child-Skin-Plugin pour des modifications de template plus approfondies

Dans le Site Editor, le bloc affiche un aperçu en direct avec de vraies données de biens immobiliers. Le bien immobilier utilisé est déterminé :

  • Globalement dans le backend de votre site (wp-admin) sous WP-ImmoMakler → Paramètres → Theme Builder → Bien immobilier de prévisualisation
  • Par template dans le Site Editor : icône d’engrenage (Paramètres du template) → Bien immobilier de prévisualisation — champ de sélection avec recherche, remplace le paramètre global pour ce template

Sur une page modèle, c’est le paramètre global qui s’applique.