Divi 4 : Créer un template d'archive

Avec le Divi Theme Builder, vous pouvez personnaliser entièrement l’affichage de la liste de biens immobiliers (archive). WP-ImmoMakler fournit pour cela le module en 1 clic WP-ImmoMakler 1-Click : Vue en liste.

Note

Ce guide concerne Divi 4. Pour Divi 5, consultez Divi 5 : Créer des templates d’archive et de détail.

Astuce

WP-ImmoMakler détecte automatiquement vos modèles : dès qu’un modèle du Divi Theme Builder s’applique à une page de biens immobiliers, la page est affichée avec ce modèle. Les pages sans modèle correspondant continuent d’être affichées avec les modèles propres à WP-ImmoMakler. Vous n’avez rien à configurer.

Prérequis

• Thème Divi ou plugin Divi Builder (version 4.x)
• WP-ImmoMakler (toute édition)

Créer un template d’archive

1. Ouvrir le Theme Builder

   Naviguez dans le backend de votre site (wp-admin) vers Divi → Theme Builder.

   

2. Créer un nouveau template

   Cliquez sur Ajouter un nouveau template et sélectionnez Créer un nouveau template dans le menu déroulant.

   

3. Configurer l’affectation

   Le panneau Paramètres du template s’ouvre sur l’onglet Utiliser sur. Faites défiler jusqu’à la section Pages d’archive et activez les 7 archives de taxonomie des biens immobiliers :

   • Toutes les pages de Caractéristiques du bien immobilier
   • Toutes les pages de Pays du bien immobilier
   • Toutes les pages de Types d’usage du bien immobilier
   • Toutes les pages de Types d’objet du bien immobilier
   • Toutes les pages de Localisations du bien immobilier
   • Toutes les pages de Statut du bien immobilier
   • Toutes les pages de Types de commercialisation du bien immobilier
   

   Attention

   Veillez à activer les 7 archives de taxonomie dans la section Pages d’archive. Sans ces affectations, le template ne s’appliquera pas aux pages d’archive filtrées — par exemple lorsque les visiteurs filtrent par type de bien, localisation ou type de commercialisation.

   Faites défiler jusqu’à la section Biens immobiliers et activez Page d’archive des biens immobiliers.

   

   Cliquez sur Créer le template.

4. Ajouter une mise en page du body

   Le nouveau template apparaît dans le Theme Builder avec le libellé Toutes les pages de Caractéristiques du bien immobilier (Et 7 autres). Survolez la zone Body du template et cliquez sur Ajouter un body personnalisé. Sélectionnez Créer un body personnalisé dans le menu déroulant.

   

5. Ajouter une ligne

   Le Visual Builder s’ouvre. Cliquez sur le + au centre du canevas pour insérer une ligne et sélectionnez la mise en page à une colonne (en haut à gauche).

   

6. Insérer le module

   Cliquez sur le + dans la nouvelle ligne. Dans la boîte de dialogue Insérer un module, recherchez Vue liste et cliquez sur WP-ImmoMakler 1-Click : Vue en liste.

   

   Le module est inséré dans la ligne et affiche un aperçu de la liste de biens immobiliers dans le Visual Builder.

   

7. Enregistrer

   Cliquez sur Enregistrer en haut à gauche. Le template d’archive est maintenant actif.

Liste, formulaire de recherche et carte comme modules distincts

Au lieu de la vue liste complète, vous pouvez aussi placer séparément la liste, le formulaire de recherche et la carte, par exemple le formulaire de recherche au-dessus et la carte à côté de la liste :

Module	Description
WP-ImmoMakler Liste de résultats de biens	Uniquement les biens immobiliers de la liste avec pagination, sans formulaire de recherche, carte ni titre. Dans le Visual Builder, le module affiche six biens immobiliers d’exemple. Sur une page qui ne liste pas de biens immobiliers, il reste vide
Formulaire de recherche WP-ImmoMakler PLUS	Le formulaire de recherche de la vue liste ; vous réglez le nombre de colonnes dans l’onglet Contenu. Si la page contient une liste de biens immobiliers, le formulaire la met à jour sans rechargement ; sinon, il recharge la page avec les filtres choisis
Carte de la liste de biens immobiliers WP-ImmoMakler PLUS	La carte avec les biens immobiliers de la recherche en cours, ou avec tous les biens immobiliers sur une autre page. Fournisseur de cartes, hauteur, marqueurs, rayons, éléments de commande et couleurs se règlent par module ; chaque réglage est d’abord sur Hériter du Customizer

Possibilités de personnalisation

Le module 1 clic affiche la vue liste standard de WP-ImmoMakler. Vous pouvez personnaliser l’apparence via :

• Customizer WP-ImmoMakler dans le backend de votre site (wp-admin) sous Apparence → Customizer → WP-ImmoMakler
• Personnalisations CSS dans le module Divi (onglet Avancé)
• WP-ImmoMakler Child-Skin-Plugin pour des modifications de template plus approfondies

Cela pourrait aussi vous intéresser

• Créer un template de détail — Concevoir la vue détail de biens immobiliers avec le Divi Theme Builder
• Divi Theme Builder : vue d’ensemble — Aperçu de tous les modules Divi WP-ImmoMakler disponibles
• Divi 5 : Créer des templates d’archive et de détail — Guide pour Divi 5
• Migration vers Divi 5 — Comment les modules se comportent dans Divi 5