0

Construire un site immobilier entièrement multilingue peut s’avérer être un véritable challenge. Au cours de cet article, nous vous apprendrons comment procéder en utilisant les plugins Toolset. Vous pouvez partir de zéro ou alors, pour accélérer le développement, partir d’une maquette complète de référence.

Ce que notre site immobilier multilingue comprend

Le terme « immobilier » regroupe tout ce que vous construisez sur le sol, y compris le terrain lui-même (sans rien dessus). Les appartements, les bâtiments, les terrains et les bureaux ont des champs différents et une présentation propre. Voilà pourquoi nous avons décidé de créer un type de publication personnalisé pour chacun d’eux.

real-estate-home-600

Chaque rubrique du site comprend son propre diaporama, présentant des produits et une recherche personnalisée. Cette dernière permet de sélectionner des produits en fonction de leurs caractéristiques (tels que la taille, le prix et leurs particularités). Elle affiche les résultats sous la forme d’une grille (liste textuelle) et de marqueurs sur une carte Google.

custom-search-houses-600

Pour chaque produit, s’affiche l’ensemble de ses données, dont l’agent immobilier responsable, ses caractéristiques et sa situation sur la carte.

single-house-600

Ainsi, si vous décidez de construire un site vous-même, vous devrez :

  • Créer des types de publication personnalisés, leurs champs et taxonomie
  • Trouver comment implémenter une recherche personnalisée (ce qui constitue une partie majeure du projet)
  • Trouver comment afficher des éléments sur une carte Google
  • Déterminer comment les éléments doivent s’afficher

Comment construire un site immobilier multilingue avec Toolset

Il existe de superbes thèmes qui feront tout cela pour vous. Aujourd’hui, nous allons vous expliquer comment construire de tels sites en utilisant nos plugins Toolset.

Au cas où vous n’ayez jamais entendu parler de Toolset, il s’agit d’un package de plug-ins qui vous aide à concevoir des sites avancés avec des types personnalisés et sans programmation. Toolset est particulièrement adapté aux sites immobiliers car ces derniers reposent véritablement sur des types de publication et des champs personnalisés. Avec Toolset, il est très facile de configurer ces éléments et de les afficher élégamment sur la partie frontale, sans avoir à écrire du PHP.

Types de publication, champs et taxonomie personnalisés pour notre site immobilier

Pour commencer, nous avons créé des types de publication et des champs personnalisés ainsi qu’une taxonomie. Bien que le site semble simple, il dispose de 7 types de publication personnalisés. Allez dans Toolset->Tableau de bord pour les créer.

Les types de publication, les champs et la taxonomie personnalisés pour notre site immobilier de référence
Les types de publication, les champs et la taxonomie personnalisés pour notre site immobilier de référence

Nous avons créé des ensembles séparés de champs personnalisés, qui ajoutent les attributs dont chaque type de publication personnalisé a besoin.

Champs personnalisés pour les appartements
Champs personnalisés pour les appartements

Concevoir la page frontale du site Web avec Toolset

Notre centre de conception frontal avec Toolset est le plug-in Layouts. Layouts permet de concevoir le « wireframe » (la maquette) de votre site grâce à un éditeur glisser-déposer. Ensuite, vous élaborez les détails de chacun des blocs en utilisant le plug-in Views.

Tout d’abord, vous concevez la mise en page. Vous commencerez avec la mise en page parent, qui comprend les éléments qui apparaissent sur chaque page du site.

La mise en page maître du site, dont l'en-tête, le pied de page et l'espace réservé pour les mises en pages enfants
La mise en page maître du site, dont l’en-tête, le pied de page et l’espace réservé pour les mises en pages enfants

Nous avons ensuite conçu les mises en pages (wireframes) de différentes pages principales. Voici la mise en page pour les « archives maisons », qui est la page de recherche pour les maisons.

La mise en page pour les archives des maisons (le
La mise en page pour les archives des maisons (le « wireframe » de la liste des maisons)

Une fois que vos mises en page sont prêtes, il est temps de se concentrer sur les différents blocs et de les construire. Vous réaliserez cela avec Views. Une View charge du contenu présent dans la base de données et l’affiche. Vous pouvez créer des Views pour de simples listes, des diaporamas, des recherches personnalisées, des tables, des grilles et tout ce que vous pouvez imaginer.

Construire une View requière trois étapes :

  1. Sélectionnez l’objectif de la View (une simple liste, une recherche personnalisée, une liste paginée, un diaporama)
  2. Choisissez plus d’options, en fonction du type de View que vous est en train de créer
  3. Concevez le résultat en utilisant les langages HTML et CSS

Configurer une View - 1. Choisissez le contenu à afficher
Configurer une View – 1. Choisissez le contenu à afficher

Configurer une View - 2. Sélectionnez des options pour ce type de View
Configurer une View – 2. choisissez des options pour ce type de View

Configurer une View - 3. Concevez le résultat en utilisant le langage HTML
Configurer une View – 3. Concevez le résultat en utilisant le langage HTML

Vous avez peut-être remarqué que le code HTML ci-dessus utilise des codes abrégés. Ces codes abrégés affichent des champs. Vous n’avez pas besoin de mémoriser ces codes abrégés ou leurs options. Pour inclure un champ dans le HTML, cliquez sur le bouton Fields and Views dans l’éditeur. Sélectionnez le champ, saisissez ses options et vous obtiendrez le code abrégé terminé.

Insérer un champ
Insérer un champ

Ainsi, vous pouvez créer vos propres mises en page et y intégrer tous les éléments de site dont vous avez besoin. Si vous savez écrire du code en langage HTML et CSS, vous pouvez réaliser tout ce que vous voulez avec Toolset, sans écrire de PHP.

Comment traduire

Un des grands avantages de Toolset c’est son intégration transparente avec WPML. Tout ce que vous créez avec Toolset est facile à traduire avec WPML.

Toolset enregistre automatiquement toutes les « chaînes » à traduire.

Quand vous allez dans WPML->String translation, vous voyez des domaines de chaînes pour chacune des Views (et chacun des autres éléments de Toolset) que vous avez créés. Il y aura également des domaines pour les types de publication et les champs personnalisés.

Traduire les chaînes dans une View
Traduire les chaînes dans une View

Traduire les mises en page est encore plus simple. Allez dans WPML->Translation management et vous verrez Layouts apparaître dans le tableau de bord Translation.

Mises en page à traduire
Mises en page à traduire

Traduire une mise en page est similaire à la traduction de publications. Vous aurez une liste de textes qui apparaissent dans la mise en page et il vous suffit de les traduire. Vous n’avez pas besoin de recréer les mises en page séparément pour chaque langue.

Partir de zéro ou d’un site complet de référence opérationnel

Avec Toolset, vous pouvez créer vos propres sites immobiliers multilingues à partir de rien. Vous pouvez également utiliser notre site immobilier de référence complet comme point de départ. Notre site de référence étant entièrement conçu à l’aide des plug-ins Toolset, vous pouvez complètement le modifier. Vous pouvez modifier un élément, le supprimer et ajouter le vôtre.