Ce didactiel vous enseigne comment construire un site répertoire personnalisé avec WordPress et comment vous servir des extensions Toolset.

 

Nous aurons recours à un site d’annonces classé pour expliquer le processus. Les techniques présentées peuvent être appliquées à n’importe quel site répertoire, sur la base des éléments de votre choix.

Un site répertoire
Comment créer un site répertoire avec WordPress
est un ensemble d’éléments organisés par catégorie.

Vous pouvez trouver des sites répertoires pour les annonces, maisons, voitures, recettes, cours, tours, etc.

Sur les sites répertoires, les visiteurs peuvent rechercher des éléments à l’aide de filtres.

Les utilisateurs peuvent également ajouter des éléments directement depuis l’interface et les utilisateurs connectés peuvent gérer (lister, modifier, supprimer) les éléments qu’ils ont ajoutés.

Les propriétaires de sites peuvent également facturer les utilisateurs pour une adhésion ou pour l’ajout de nouveaux éléments.

Bien que la construction d’un site répertoire personnalisé puisse sembler extrêmement complexe, nul besoin d’être un expert pour en créer un.

À l’aide des modules d’extension Toolset, il est possible de construire des sites répertoires sans encodage PHP.

Conditions requises

Voici ce dont vous aurez besoin pour construire un site répertoire personnalisé avec WordPress.

Thème WordPress

Vous pouvez choisir le thème de votre choix.

Extensions dont vous aurez besoin

  • Toolset Types
  • Toolset Views
  • Toolset CRED
  • Toolset Access
  • Facultatif : WooCommerce, Toolset CRED Commerce (si vous avez l’intention d’exiger un paiement pour soumettre les annonces)

Toutes les extensions ci-dessus (à l’exception de WooCommerce qui est un module d’extension gratuit) sont disponibles dans le pack Toolset.

Compétences requises

  • HTML et CSS
  • Vous devez être familiarisé avec les concepts suivants :
    • Types de publication personnalisée
    • Champs personnalisés
    • Taxonomies personnalisées

Ce que votre site inclura

Il y a de nombreux aspects à couvrir dans un site répertoire.

Les questions suivantes (voir le tableau 1) vous aideront à établir ce dont vous avez besoin pour le vôtre.

Nous aurons recours à des annonces pour nos exemples de réponses. Vous pouvez cependant remplacer les annonces par les éléments de votre choix. Il peut s’agir de biens immobilier, recettes, cours, voyages, voitures, etc.

Tableau 1 : ce dont vous avez besoin pour un site classé et en quoi Toolset peut vous être utile

Question Exemple de réponse Ce que vous devez faire
1. Quel type d’éléments apparaîtra sur le site ? Annonce

  • Titre
  • Description (corps de l’annonce)
  • Image
  • Prix
  • Adresse e-mail de contact
  • Téléphone
  • Catégorie
  • Livres
  • Appareils électroniques
  • Divers
Définir les types de publication personnalisée, champs et taxonomie pour les éléments du site.

Voir le détail :

1re partie : Définition des structures

2. Quelles informations montrerez-vous aux visiteurs ?
  • Annonces récentes dans une grille
  • Annonces présentées dans un diaporama
  • Recherche permettant aux utilisateurs de trouver les éléments dont ils ont besoin à l’aide de filtres
Voir le détail :

2e partie : Conception de modèles

3. De quels formulaires d’interface aurez-vous besoin ?
  • Formulaire de premier plan pour ajouter et modifier les annonces
Voir le détail :

3e partie : Ajout et modification d’éléments depuis l’interface

4. Comment vos utilisateurs s’inscriront-ils et se connecteront-ils à votre site ?
  • Pour s’inscrire, les utilisateurs créeront des comptes en premier plan.
  • Pour se connecter au site, ils se serviront d’un formulaire de connexion personnalisé.
Voir le détail :

4e partie : Gestion de l’inscription et des comptes d’utilisateur

1re partie : Définition des types de publication personnalisée, des champs et de la taxonomie

Il faut d’abord définir le type de publication personnalisée qui apparaîtra sur le site répertoire.

Dans notre exemple, nous créons un site répertoire pour “annonces.” Vous pouvez cependant bien évidemment créer des sites répertoires pour tout ce que vous voulez.

Étapes à suivre

Ajout d'un nouveau type de publication

Ajout d’un nouveau type de publication

  1. Allez dans Toolset->Tableau de bord.
  2. Créez un nouveau type de publication pour annonces.
    1. Utilisez le titre de publication pour stocker le titre de vos annonces.
    2. Utilisez l’éditeur pour stocker le corps de votre annonce.

Ajout d'un groupe de champs personnalisés

Ajout d’un groupe de champs personnalisés

  1. Revenez au tableau de bord Toolset. Ajoutez à présent des champs pour ce type.
  2. Cliquer sur Créer un groupe de champs.
  3. Utilisez le bouton Ajouter un nouveau champ afin d’ajouter les champs suivants :
    1. Prix (nombre)
    2. Image de l’annonce (image)
    3. Adresse e-mail de contact (e-mail)
    4. Numéro de téléphone (téléphone)

Ajout de taxonomies personnalisées

Ajout de taxonomies personnalisées

  1. Revenez au tableau de bord Toolset.
  2. Utilisez le bouton Créez une taxonomie pour ajouter la taxonomie “Catégorie d’annonce”. Vous en aurez besoin pour répertorier vos annonces.

Catégories d'annonce : WordPress en arrière-plan

Catégories d’annonce : WordPress en arrière-plan

Lorsque votre taxonomie est prête, ajoutez ensuite vos catégories d’annonce (termes).

  1. Allez à Annonces -> Catégories d’annonce.
  2. Ajoutez les catégories suivantes :
    • Livres
    • Appareils électroniques
    • Divers

Exemple d'annonces : WordPress en arrière-plan

Exemple d’annonces : WordPress en arrière-plan

  1. Ajoutez quelques exemples à votre site.

Si vous avez besoin d’aide pour créer des types de publication personnalisée, des champs ou des taxonomies, veuillez consulter les explications détaillées de la documentation Types

2e partie : Affichage des éléments sur l’interface

Lorsque votre WordPress d’arrière-plan est prêt à stocker les éléments, vous pouvez alors les afficher en premier plan.

Dans le tableau 2 ci-dessous, vous trouverez des exemples de modèles à créer pour votre site et découvrirez en quoi Toolset peut vous être utile.

Tableau 2 : Exemples de modèles dont vous pourriez avoir besoin pour un site répertoire

Modèle Ce que vous devez faire
Détails d’une annonce unique

Exemple de page contenant les détails d'une annonce créée avec des extensions Toolset

Exemple de page contenant les détails d’une annonce créée avec des extensions Toolset
Créez un modèle de contenu pour le type de publication personnalisée que vous avez défini.

Votre modèle affichera les champs personnalisés faisant partie de votre type de publication.

Suivez la formation suivante :

Cours de formation pour Views, 1re partie : Modèle de contenu

Les 8 annonces les plus récentes présentées dans une grille

Affichage de la page avec les 8 annonces les plus récentes dans une grille

Affichage de la page avec les 8 annonces les plus récentes dans une grille
Créez une vue qui répertorie vos éléments.

Lorsque vous créez une vue, vous décidez comment vos éléments doivent apparaître (sous forme de liste, grille, tableau, etc.) et les champs à inclure pour chaque élément.

Suivez la formation suivante :

Cours de formation pour Views, 2e partie : Vue

Annonces présentées de manière aléatoire dans un diaporama

Page affichant des annonces présentées de manière aléatoire dans un diaporama

Page affichant des annonces présentées de manière aléatoire dans un diaporama
Créez une vue qui répertorie les éléments présentés dans un diaporama.

Utilisez des filtres basés sur votre champ de publication pour sélectionner uniquement les annonces présentées.

Suivez la formation suivante :

Cours de formation pour Views, 5e partie : Diaporama

Recherche personnalisée pour les annonces

Recherche personnalisée pour les annonces

Recherche personnalisée pour les annonces
Créez une vue de recherche personnalisée.

Utilisez les champs personnalisés et les catégories comme filtres.

Suivez la formation suivante :

Cours de formation pour Views, 7e partie : Création d’une recherche personnalisée avec Views

Arbre de catégories

Arbre de catégories créé avec des extensions Toolset

Arbre de catégories créé avec des extensions Toolset
Si vous avez divisé vos catégories en sous-catégories, vous pouvez créer un arbre de catégories.

Créez deux vues de taxonomie (une pour les catégories de premier niveau et une pour les sous-catégories) et incluez l’une dans l’autre.

Voir le détail :

Vue de taxonomie avec vue de taxonomie pour un enfant

3e partie : Ajout et modification d’éléments en premier plan

La plupart des sites répertoires permet aux visiteurs de créer des soumissions de contenu en premier plan. Pour ajouter et modifier des éléments en amont, vous devez créer les formulaires appropriés, puis définir les personnes qui auront accès à tel ou tel formulaire.

Consultez le tableau 3 ci-dessous pour savoir de quels formulaires de premier plan vous pourriez avoir besoin et en quoi Toolset peut vous être utile.

Tableau 3 : Formulaires de premier plan dont vous pourriez avoir besoin pour votre site répertoire

Ce dont vous aurez besoin Ce dont vous aurez besoin
Formulaires de soumission de nouvelles annonces

Formulaire de soumission de nouvelles annonces

Formulaire de soumission de nouvelles annonces
Créez un formulaire de publication pour la soumission de contenu en amont. Définissez les privilèges d’accès appropriés.

Suivez la formation suivante :

Cours de formation pour CRED, 1re partie : Création de formulaires pour la soumission de contenu

Cours de formation pour CRED, 2e partie : Personnalisation du contenu de formulaire

Formulaires de modification des annonces

Formulaire de modification des annonces

Formulaire de modification des annonces
Créez des formulaires de publication pour modifier les contenus en premier plan.

Définissez les personnes autorisées à modifier le contenu. Vous généralement autoriserez les propriétaires d’annonce à modifier leur propres annonces.

Cours de formation pour CRED, 5e partie : Création de formulaires de modification de contenu

Cours de formation pour CRED, 9e partie : Listage d’éléments appartenant à l’utilisateur connecté

Par ces formulaires., vous pouvez également définir une durée d’expiration automatique pour toutes les publications soumises.

Suivez la formation suivante : Cours de formation pour CRED, 4e partie : Définition de l’expiration automatique des publications

4e partie : Gestion de l’inscription et des comptes d’utilisateur

Inscription de l’utilisateur

Si vous autorisez vos utilisateurs à modifier les éléments en premier plan, vous aurez probablement aussi besoin de formulaires de premier plan pour l’inscription des utilisateurs et la modification des profils directement en premier plan.

Le tableau 4.1 ci-dessous récapitule les formulaires d’utilisateur dont vous aurez besoin et en quoi Toolset peut vous être utile.

Ce dont vous aurez besoin Ce dont vous aurez besoin
Formulaires de premier plan pour créer de nouveaux comptes d’utilisateur

Formulaire en amont créé avec l'extension CRED pour créer de nouveaux comptes d'utilisateur

Formulaire en amont créé avec l’extension CRED pour créer de nouveaux comptes d’utilisateur
Créez un formulaire d’utilisateur pour enregistrer les utilisateurs.

Vous pouvez également insérer des champs personnalisés supplémentaires à votre formulaire de premier plan.

Une fois créé, vous pouvez ajouter le formulaire à tout type de

page et personnaliser le style.

Suivez la formation suivante :

Cours de formation pour CRED, 6e partie : Création de formulaires pour créer des comptes d’utilisateur

Formulaires de premier plan pour modifier les profils d’utilisateur

Formulaire de premier plan créé avec l'extension CRED pour modifier des profils d'utilisateur

Formulaire de premier plan créé avec l’extension CRED pour modifier des profils d’utilisateur
Créez un formulaire d’utilisateur pour modifier des profils d’utilisateur.

Suivez la formation suivante :

Cours de formation CRED, 8e partie : Création de formulaires pour modifier des profils d’utilisateur

Formulaire de connexion et gestion de compte

Afin de permettre aux utilisateurs de se connecter à votre site, créez un formulaire de connexion personnalisé qui s’intègre parfaitement à l’aspect général de votre site. Une fois que l’utilisateur est connecté, affichez des liens vers les ressources de l’utilisateur.

Le formulaire de connexion et les actifs des utilisateurs constituent la page “Mon compte”. Consultez le tableau 4.2 ci-dessous pour connaître ce qu’il y a à couvrir sur la page de compte et en quoi Toolset peut vous être utile.

Tableau 4.2 : Création de la page “Mon compte” à l’aide de Toolset

Page de mon compte Ce dont vous aurez besoin

Toolset vous permet d'afficher votre formulaire de connexion personnalisé.

Toolset vous permet d’afficher votre formulaire de connexion personnalisé.
Afin de permettre aux utilisateurs de se connecter à votre site, créez un formulaire de connexion personnalisé qui s’intègre à l’aspect général de votre site.

Suivez la formation suivante :

Cours de formation CRED, 7e partie : Création de la page “Mon compte” à l’aide d’un formulaire de connexion

Toolset vous permet de créer une page “Mon compte” personnalisée en affichant les actifs de l'utilisateur connecté.

Toolset vous permet de créer une page “Mon compte” personnalisée en affichant les actifs de l’utilisateur connecté.
Une fois connecté, vos utilisateurs gèrent leurs ressources (listage, modification et suppression d’éléments qu’ils créent) directement en premier plan.

Vous pouvez les rassembler en un seul endroit sur la page “Mon compte”.

Suivez la formation suivante :

Cours de formation CRED, 7e partie : Création de la page “Mon compte” à l’aide d’un formulaire de connexion

5e partie : Facturation des soumissions de contenu ou de l’adhésion

Les propriétaires de sites répertoires souhaitent souvent rentabiliser le site.

Exemples :

  1. Les utilisateurs sont autorisés à ajouter des annonces gratuites qui expireront après une durée préfixée et également des annonces de longue durée qui n’expirent jamais, mais sont payantes.
  2. Le site propose différents types de cours. Certains cours sont disponibles pour tous alors que d’autres sont destinés uniquement aux clients privilégiés ; les clients qui payé leur adhésion.

Les deux options peuvent être traitées avec l’extension WooCommerce.

Utilisez l’extension CRED Commerce pour facturer les soumissions de contenu et les adhésions.

Consultez la documentation CRED pour de plus amples détails :

Des questions ?

Agnes Bury, auteur du didacticiel

Agnes Bury, auteur du didacticiel

Cher lecteur,

merci d’avoir lu le didacticiel, je vous en suis reconnaissante.

Je serais heureuse de connaître vos réactions. Si vous n’êtes pas encore client Toolset, n’hésitez pas à me faire parvenir vos questions à l’aide de ce formulaire. Je vous répondrai avec plaisir.