Transformation complète d'un thème WordPress immobilier pour une association de logement solidaire
Thème enfant construit sur WPResidence — un thème immobilier complexe choisi par le client — pour correspondre à une maquette entièrement différente. Ajout d'une page de recherche d'annonces avec filtres, carte interactive Leaflet/Mapbox et galerie lightbox en remplacement du carousel d'origine.
Contexte
Habiter en Terre Catalane est une association d'immobilier social qui gère des locations et des ventes solidaires dans les Pyrénées-Orientales. Le client avait déjà choisi le thème WordPress WPResidence pour ses fonctionnalités immobilières natives (gestion des annonces, filtres, carte). Mon rôle était d'intégrer une maquette radicalement différente de l'apparence par défaut du thème — sans en modifier le cœur, pour préserver les mises à jour.
Thème enfant et surcharge
Tout le travail de personnalisation a été réalisé dans un thème enfant : surcharge des templates PHP du thème parent, réécriture des hooks et filtres WordPress pour modifier le comportement des fonctions natives sans toucher au code source. Le thème parent reste ainsi mis à jour normalement.
La principale difficulté était la profondeur de la surcharge nécessaire : le thème WPResidence est très opinionated — sa structure HTML, ses classes CSS et sa logique PHP sont imbriquées de façon à rendre toute personnalisation importante laborieuse.
Page de recherche avec carte interactive
Ajout d'une page de tri des annonces avec affichage des résultats sous forme de vignettes à gauche et carte interactive à droite. La carte utilise Leaflet.js avec un fond de carte Mapbox personnalisé aux couleurs du site. Les marqueurs se synchronisent avec les filtres en temps réel — typologie, catégorie, ville, quartier, loyer minimum et maximum.
Galerie lightbox
Le thème d'origine affichait les photos des biens en carousel horizontal. Le client souhaitait une galerie de vignettes cliquables ouvrant une lightbox avec navigation entre les photos au clavier et aux flèches. Remplacement du composant d'origine par une galerie custom en jQuery.
En-tête personnalisé
L'en-tête du thème a été entièrement surchargé : double navigation (menu secondaire avec les CTA "À louer", "À vendre", "Nous soutenir" et menu principal), moteur de recherche en overlay activé par une loupe, responsive adapté aux usages mobiles des locataires et propriétaires.