Wordpress

Le guide ultime étape par étape pour créer un site Web d'annuaire avec WordPress

Vous avez peut-être entendu parler de certains des sites Web d'annuaires les plus populaires. eBay, Yahoo, Facebook, Bing, Foursquare et Yelp ne sont que quelques-uns des nombreux sites Web qui répertorient les produits et services que nous pouvons parcourir. Vous pouvez facilement créer un site Web d'annuaire pour énumérer presque n'importe quoi. En effet, vous pouvez trouver des exemples de biens immobiliers, d'entreprises locales, de voitures. Vous le nommez, vous pouvez le lister.

C'est pourquoi Les sites Web d'annuaire sont l'un des types de sites Web les plus populaires créer et essayer de gagner de l'argent.

Mais comme pour tout projet complexe, il est crucial de s'assurer que vous suivez le bon chemin pour assurer le succès du vôtre. Dans cet article, nous vous expliquerons toutes les étapes clés pour vous créer un site d'annuaire:

Choisir une niche pour votre site Web d'annuaire

Maintenant que vous avez décidé de créer un tel site Web, la question la plus importante est :

Qu'allez-vous énumérer exactement sur votre site Web d'annuaire ?

L'identification de votre marché pourrait faire la différence entre votre prochaine entreprise rentable et celle qui deviendra simplement un autre projet raté sur le Web.

Voici les étapes à suivre pour évaluer les domaines dans lesquels votre site Web d'annuaire se spécialisera.

Pensez à ce que vous seriez intéressé à vendre :

Au début, il est important de réfléchir aux types de produits, d'industries et de services qui vous intéressent. Si vous commencez avec cet objectif en tête, vous serez plus passionné par votre projet et, espérons-le, il vous sera plus facile de à vous de trouver quatre ou cinq types d'industries, de niches ou de secteurs verticaux que vous pouvez utiliser comme base pour le reste de votre recherche.

Par exemple, si vous aimez sortir manger avec des amis, vous aurez une bonne idée des restaurants les plus populaires de votre ville, du type de nourriture qu'ils servent et de leurs meilleurs plats.

Cela vous fournit le bon type de connaissances que vous pouvez utiliser pour commencer à cibler des restaurants spécifiques, dont vous savez qu'ils sont excellents, au lieu de gaspiller des ressources sur d'autres.

Voir ce que les gens recherchent :

Une fois que vous êtes clair sur ce que vous souhaitez vendre, vous pouvez ensuite effectuer des recherches approfondies pour découvrir les entreprises les plus populaires dans votre créneau préféré. L'un des moyens les plus efficaces consiste à examiner ce que les gens recherchent en ligne. Pour ce faire, il existe de nombreux outils de référencement que vous pouvez utiliser, tels que Google Keyword Planner, Ahrefs ou Moz.

Le point clé ici est de trouver les bons mots-clés à longue traîne, qui ont cette combinaison magique de grande popularité et de concurrence relativement faible.

Voici ce que je veux dire : imaginons que vous ayez décidé de créer un site Web d'annuaire pour que les gens trouvent des constructeurs locaux. J'ai utilisé Ahrefs pour trouver des termes de recherche populaires (plus de 200 recherches par mois) et pas trop compétitifs (un indice de difficulté des mots clés inférieur à 50). Voici une liste d'entre eux :

Page de résultats Ahrefs pour une requête donnée
Page de résultats Ahrefs pour une requête donnée
  • Constructeurs dans ma région
  • Constructeurs de clôtures dans ma région
  • Constructeurs de maisons dans ma région
  • Constructeurs de maisons à proximité
  • Constructeurs de maisons sur mesure
  • Constructeurs de maisons
  • Constructeurs de garages
  • Constructeurs de vacances
  • Constructeurs de piscines à proximité

À partir de là, vous verrez quels mots-clés vous devez cibler pour obtenir un meilleur classement de votre site Web. Mais il y a plus : grâce à cette recherche, vous pourrez voir quels types de constructeurs les gens recherchent. Par exemple, la requête « constructeurs de piscines près de chez moi » est une recherche populaire pour laquelle vous souhaiterez peut-être créer une section dédiée sur votre site Web d'annuaire.

Vous trouverez plus d'informations sur l'optimisation du référencement de votre site Web dans BehmasterLa liste de contrôle SEO de .

Vérifiez s'il existe déjà des sites Web desservant votre niche :

Avoir une liste de mots-clés populaires à longue traîne est une chose, mais cela sera moins utile s'il existe déjà des sites Web d'annuaires qui les desservent. Vous pouvez utiliser des outils de référencement pour découvrir qui est le mieux classé pour les recherches. Vous pouvez également voir à quel point chacun de vos mots clés est compétitif. S'il y a un manque de concurrence, alors vous avez trouvé le bon marché.

Poursuivant avec notre exemple de répertoire de constructeurs, ce sont les sites Web qui se classent bien pour les « constructeurs de clôtures ».

Aperçu de Serp pour le site Web d'annuaire
Aperçu du serveur Ahrefs

Comme vous pouvez le voir, il n'y a pas beaucoup de sites Web d'annuaires de constructeurs. De plus, ceux qui se classent dans le top 10 n'ont pas un bon classement Ahrefs, ce qui signifie que nous devrions pouvoir les surclasser si nous sommes intelligents avec notre référencement.

Recherchez des entreprises qui seront désireuses d'utiliser votre site Web d'annuaire :

Maintenant que vous savez qu'il existe une demande pour votre créneau, vous devez parler aux entreprises pour voir si elles seront heureuses de payer pour utiliser votre service. Par exemple, si vous créez un site d'annuaires immobiliers à New York, les sociétés immobilières seront-elles prêtes à utiliser votre plateforme pour annoncer leurs propriétés ?

Vous devrez les contacter plus tard une fois que votre site Web d'annuaire commencera à bien fonctionner, mais c'est toujours une bonne idée pour eux de vous avoir sur votre radar afin qu'ils se souviennent de qui vous êtes lorsque vous revenez vers eux.

Qui n'aime pas l'idée de gagner plus d'argent ? Les sites Web d'annuaires sont d'excellents moyens de vous aider à le faire ! Voyez comme vous pouvez facilement configurer le vôtre ! ??Click to Tweet

Comment monétiser votre site Web d'annuaire

Il existe deux façons simples de commencer à gagner de l'argent grâce à votre site Web d'annuaire en un rien de temps :

1. Facturation des annonces

Une fois que vous commencez à générer un trafic précieux sur votre site Web, ce qui entraîne des conversions pour les annonces, les entreprises commenceront à en prendre note et voudront soumettre plus de contenu pour votre site Web.

C'est à ce moment-là que vous pouvez commencer à les facturer pour ce privilège. Vous pouvez proposer des annonces premium qui se classeront en haut des résultats de recherche (similaires aux résultats de recherche Google) et n'expirent jamais.

Vous pouvez soit mettre en place des frais mensuels pour les listes de diffusion régulières, soit un simple paiement unique pour ceux qui ne prévoient pas de soumettre de gros volumes de contenu.

2. Vendre des espaces publicitaires

Compte tenu du (espérons-le) grand nombre de visiteurs de votre site Web, vous pourrez le monétiser davantage en fournissant des publicités pertinentes.

Vous pouvez utiliser des outils tels que Google Analytics (apprenez à connecter Google Analytics à WordPress) pour comprendre ce qui amène les utilisateurs sur votre site Web et s'il existe des produits pertinents que vous pouvez leur vendre. Par exemple, si les utilisateurs se précipitent sur votre site Web à la recherche de constructeurs pour leur nouvelle piscine, ils pourraient être prêts à acheter d'autres produits, tels que des maillots de bain. Ensuite, vous pouvez entrer en contact avec des entreprises et leur vendre les avantages de la publicité avec vous.

Un autre moyen simple consiste à utiliser Google Adsense et ses alternatives, qui seront capables d'identifier les publicités de haute qualité les plus pertinentes pour votre site Web et de les y placer automatiquement. Lisez notre guide sur la façon d'ajouter Google AdSense à votre site WordPress.

3. Site Web basé sur l'adhésion ou l'abonnement

Une fois que votre site Web d'annuaire devient une source fiable d'annonces dans un domaine particulier, vous serez en mesure de facturer à la fois les annonceurs et les utilisateurs pour accéder à vos informations.

Les annonceurs voudront avoir accès au grand nombre de clients potentiels qui visitent votre site Web. Par conséquent, ils seront prêts à payer pour des avantages tels que des annonces sans date d'expiration ou des annonces en vedette qui apparaissent en haut des recherches.

De même, les clients peuvent être enclins à payer pour voir les meilleures offres sur votre site Web. Alternativement, vous pouvez autoriser les utilisateurs à voir toutes vos annonces, mais ne leur donner accès aux coordonnées que s'ils sont un membre payant.

Il existe un certain nombre de plugins d'adhésion WordPress qui peuvent vous aider à répondre à tous vos besoins en matière de contrôle d'accès.

Marque

Avant de vous lancer dans la création de votre site Web, il est important de planifier votre stratégie de marque.

Bien sûr, vous espérez attirer deux types d'utilisateurs : ceux qui recherchent des annonces et ceux qui cherchent à vendre des annonces. En tant que tel, vous devrez réfléchir à ce qui fonctionne pour les deux groupes.

Les aspects importants de votre marque doivent inclure :

Votre nom – Découvrez ces conseils pour bien choisir un nom de domaine

L'apparence de votre site Web – Tenez compte du thème, des couleurs, du style de police et de toute autre option de conception. Avec WordPress, vous avez le choix entre un certain nombre de thèmes gratuits et payants.

Votre style de blog – Quel contenu fonctionnera pour vous ? Quel sera votre ton ? Comment allez-vous communiquer avec vos lecteurs ? Vérifier BehmasterLes conseils de blogging de pour plus d'informations sur tout cela et plus encore.

Autres moyens de promouvoir votre site Web – Outre un bon référencement, il existe d’autres moyens pour vous de générer du trafic vers votre site Web. Pour la publicité payante, envisagez d'explorer GoogleAds pour voir quelles publicités sont les plus efficaces pour votre site Web. De plus, les médias sociaux tels que Facebook sont une autre voie évidente vers le succès. Suivez notre guide pour tirer parti de Facebook pour réussir votre marketing pour plus d'informations.

Configurer votre site Web d'annuaire

Avant de commencer à ajouter des fonctionnalités et du contenu à votre site Web d'annuaire, vous devez configurer quatre éléments.

1. Choisir votre plateforme de site Web

Il existe un certain nombre de plateformes gratuites telles que WordPress.com qui peuvent sembler attrayantes si vous espérez réduire les coûts. Mais si vous voulez vraiment un site Web d'annuaire avancé que vous pouvez monétiser, vous aurez besoin de quelque chose de beaucoup plus robuste.

La meilleure solution est WordPress.org qui vous donne l'entière liberté de personnaliser votre site d'annuaire et sera capable de prendre en charge les milliers (espérons-le !) de visiteurs de votre site. Jetez un œil aux différences entre WordPress.com et WordPress.org pour plus d'informations.

Voici quelques raisons pour lesquelles choisir WordPress.org est logique pour votre site Web d'annuaire :

  • Environ un site Web sur trois est propulsé par WordPress
  • Certains des sites Web les plus populaires, dont CNN, utilisent WordPress
  • Grâce à sa popularité, vous pouvez compter sur l'une des plus grandes communautés Open Source de développeurs, concepteurs, éditeurs et rédacteurs de contenu
  • Il est moins cher de créer un site Web sur WordPress que sur Drupal
  • WordPress propose des milliers de thèmes et de plugins pour vous permettre de personnaliser votre site Web d'annuaire
  • Vous pouvez ajouter des fonctionnalités complexes sans codage PHP (nous y reviendrons un peu)

2. Choisissez un hébergeur fiable

Étant donné que vous exploitez un site Web d'annuaire que vous espérez monétiser et que vous connaîtrez une croissance constante du trafic, vous aurez besoin d'un hébergeur fiable pour votre tranquillité d'esprit.

L'hébergement Web est comme une véritable maison vers laquelle pointe votre site Web. Dans cette « maison », votre hébergeur contiendra tous les fichiers de votre site Web.

Lorsque vous choisissez un hébergeur pour un site Web d'annuaire, vous souhaiterez une option capable de gérer les pics de trafic, d'améliorer les performances de votre site et d'avoir des antécédents de fiabilité lorsqu'il s'agit d'éviter les pannes.

La meilleure option pour votre site Web d'annuaire est Behmaster qui vous donnera la sécurité dont vous avez besoin pour votre entreprise en pleine croissance. En plus des avantages ci-dessus, Behmaster se démarque de la concurrence grâce à plusieurs autres caractéristiques :

  • Fonctionnalités et outils spécifiques à WordPress que d'autres hébergeurs ne fournissent pas, tels que MyBehmaster
MyBehmaster tableau de bord
MyBehmaster tableau de bord
  • Support client 24h/7 et XNUMXj/XNUMX avec un temps de réponse moyen des tickets de moins de cinq minutes
  • Temps de chargement des pages plus rapides
Behmaster comparaison des temps de chargement
Behmaster comparaison des temps de chargement
  • Un certain nombre de mesures de sécurité pour empêcher les codes malveillants ou détecter les attaques DDoS

3. Personnalisez l'apparence de votre site Web avec un thème génial

Une fois votre site WordPress installé, vous devez maintenant décider à quoi il ressemblera. L'étape la plus importante est de choisir le thème de votre site Web.

WordPress offre un certain nombre d'excellentes options gratuites et payantes, dont beaucoup s'adressent aux sites Web d'annuaires. Outre l'apparence de votre thème, il y a quelques autres questions qui méritent d'être posées avant de choisir celui qui vous convient le mieux :

  • À quelle fréquence le thème est-il maintenu ?
  • Comment sont les critiques ?
  • Ses mises en page sont-elles réactives aux différentes tailles d'écran ?
  • Est-il prêt pour le multilingue ?
  • Cela vous aidera-t-il à apparaître en haut des résultats de recherche Google ?
  • Supportera-t-il vos plugins ?
Site du répertoire des plugins WordPress
Page d'accueil du répertoire des plugins WordPress

4. Choisir le plugin pour créer votre site Web d'annuaire

Une recherche rapide de plugins d'annuaire apportera une multitude d'options. Mais lequel est le meilleur ? Quel que soit le plugin que vous choisissez, il devra être en mesure de vous aider à créer les fonctionnalités dont vous aurez besoin rapidement et facilement pour aider votre site Web à se démarquer.

J'ai utilisé Toolset Directory pour créer mon site Web d'annuaire pour les voitures classiques que je vais utiliser comme exemple pour le reste de cet article. J'ai utilisé Astra comme thème.

Exemple de site Web d'annuaire construit sur WordPress
Exemple de site Web d'annuaire construit sur WordPress

J'ai utilisé Toolset parce que :

  • Il fournit toutes les fonctionnalités dont j'ai besoin pour un site Web d'annuaire sans utiliser d'autres plugins
  • Il n'est pas nécessaire d'utiliser PHP pour ajouter ces fonctionnalités
  • Il est compatible avec d'autres plugins tels que WooCommerce, Elementor et WPML
  • Il fonctionne avec des thèmes majeurs

Avant de commencer à parcourir les fonctionnalités, assurez-vous de suivre le guide d'installation des plug-ins Toolset pour créer un site Web de répertoire.

Création des fonctionnalités d'un site Web d'annuaire

Ce sont les fonctionnalités que je vais parcourir et que j'ai créées pour mon site Web d'annuaire de voitures classiques :

  • Types de publication personnalisés
  • Les champs personnalisés
  • Taxonomies personnalisées
  • Un modèle pour afficher chacun de vos articles (voitures classiques dans notre cas)
  • Une recherche d'utilisateurs pour parcourir nos voitures
  • Un formulaire frontal permettant aux utilisateurs de soumettre leurs annonces

Il existe d'autres fonctionnalités que vous pouvez ajouter à un site Web d'annuaire, mais, selon d'autres développeurs à qui j'ai parlé, ce sont les plus importantes pour vous permettre de démarrer.

Commençons!

Suggestion de lecture : Tutoriel avancé sur les champs personnalisés : votre guide ultime

Créer des types de publication personnalisés

Un type de publication personnalisé vous permet de créer différentes sections pour votre site Web. WordPress est livré avec deux sections par défaut – les articles et les pages. Bien sûr, nous avons besoin d'une section pour stocker nos voitures classiques que nous allons ajouter maintenant.

J'ai ajouté un type de publication personnalisé appelé Listes c'est là que j'expose toutes mes voitures classiques.

Types de publication personnalisés dans Toolset
Types de publication personnalisés dans Toolset

1. Sur votre administrateur WordPress, rendez-vous sur Tableau de bord de l'ensemble d'outils et cliquez sur Ajouter un nouveau type de message.

2. Entrez ce qui suit dans le Nom et description section:

Ajout d'un nouveau type de publication dans les paramètres de WorPress Toolset
Ajout d'un nouveau type de publication dans Toolset

3. Cliquez Enregistrer le type de message et votre type de message est prêt.

Créer des champs personnalisés

Nous utilisons des champs personnalisés pour stocker chacune des informations sur nos annonces. Dans notre exemple de voitures classiques, nous souhaitons fournir à nos utilisateurs les informations qu'ils souhaitent connaître sur chacun d'eux.

Cela inclut de connaître l'année de production, le prix, la marque, le kilométrage et de nombreuses autres informations. Pour chaque information, nous devons créer un champ personnalisé. De cette façon, tout ce que nous aurons à faire est de remplir chaque section au fur et à mesure que nous éditons notre liste et elle apparaîtra sur le front-end (une fois que nous aurons créé notre modèle, bien sûr, auquel nous reviendrons plus tard).

Voici les étapes pour créer un champ personnalisé pour Année de production:

Année de production comme exemple de champ personnalisé dans Toolset
Année de production comme exemple de champ personnalisé dans Toolset

1. D' Tableau de bord de l'ensemble d'outils, cliquer sur Créer un groupe de champs à côté de votre Listes type de publication personnalisé.

2. Sur la page suivante, saisissez un nom pour votre champ et une description si vous le jugez nécessaire. j'ai nommé le mien Groupe de champs pour les annonces.

Comment modifier le groupe de champs de publication dans Toolset
Comment modifier le groupe de champs de publication dans Toolset

3. Cliquez sur Ajouter un nouveau champ. Vous pouvez maintenant voir une liste des différents types de champs que vous pouvez ajouter. Par exemple, si vous vouliez ajouter un site Web, vous sélectionneriez URL, pour une adresse que vous utiliseriez Adresse ou pour un numéro de téléphone Téléphone. L'année de production, nous afficherons toujours une année afin que nous sélectionnions Numéro .

Comment ajouter un nouveau champ dans Toolset
Comment ajouter un nouveau champ dans Toolset

4. Ajoutez les détails de votre champ personnalisé, y compris le Nom de domaine et Limace de terrain. j'ai appelé le mien Année de production. Vous pouvez ignorer le reste des champs pour les besoins de ce champ.

Comment ajouter des détails aux champs personnalisés
Comment ajouter des détails aux champs personnalisés

5. Cliquez Enregistrer le groupe de champs et le champ personnalisé apparaîtra maintenant pendant que vous modifiez vos publications pour votre type de publication personnalisé.

Comment les champs personnalisés sont affichés sur le backend
Comment les champs personnalisés sont affichés sur le backend

Créer des taxonomies personnalisées

Nous utilisons des taxonomies personnalisées pour catégoriser notre contenu. Pour illustrer, si nous répertorions des restaurants, nous pourrions utiliser des taxonomies pour séparer chacune de nos listes en fonction de la cuisine. Par conséquent, nous pourrions avoir des taxonomies pour Indienne, Italien, Chinois, Hamburgers et de nombreux autres types de restaurants.

Dans mon exemple de répertoire de voitures classiques, j'ai créé des taxonomies pour les différents types de voitures que je répertorie. Voici les catégories qui apparaissent lorsque je modifie l'un de mes Publications des annonces:

Taxonomies personnalisées
Taxonomies personnalisées

Voici comment je l'ai fait :

1. D' Tableau de bord de l'ensemble d'outils cliquez sur Ajouter une taxonomie personnalisée

2. Entrez le nom de votre taxonomie sous Nom et description:

Comment ajouter une taxonomie personnalisée
Comment ajouter une taxonomie personnalisée

3. Dans la section suivante intitulée Type de taxonomie choisissez si vous voulez un Hiérarchique or Plat taxonomie. Une taxonomie hiérarchique contiendra une taxonomie parent (comme la cuisine italienne) et une série de taxonomies enfants qui lui sont liées (comme la pizza, les pâtes, la crème glacée). Pendant ce temps, une taxonomie plate est simplement un ensemble de catégories.

4. Sélectionnez pour quel type de publication vous souhaitez affecter ces taxonomies. Dans mon exemple, je les ai affectés au Listes type de publication personnalisé.

Paramètres de taxonomie
Paramètres de taxonomie

5. Cliquez Enregistrer la taxonomie

6. Retournez à votre Listes type de publication et lorsque vous modifiez l'un de vos types de publication ou en créez un nouveau, vous pouvez commencer à ajouter vos termes de taxonomie.

7. En dessous de Catégories [nom de la taxonomie] cliquez sur Ajouter une nouvelle catégorie [nom de la taxonomie].

8. Saisissez le nom de la nouvelle catégorie. Ici, vous pouvez également sélectionner si vous souhaitez qu'il s'agisse d'une catégorie parent si vos taxonomies sont hiérarchiques.

Termes de taxonomie attribués aux annonces
Termes de taxonomie attribués aux annonces

Vous pouvez désormais utiliser les cases à cocher pour attribuer des termes de taxonomie à chacune de vos annonces.

Un modèle pour afficher chacun de nos articles

Maintenant que nous avons ajouté nos types personnalisés, la question suivante est de savoir comment les afficher sur le front-end ? Pour ce faire, nous pouvons créer un modèle pour chacune de nos annonces.

Voici à quoi ressemble mon modèle sur le front-end pour chacune de mes annonces de voitures classiques :

Exemple de modèle de liste de sites Web
Exemple de modèle de liste de sites Web

1. Aller à Tableau de bord de l'ensemble d'outils et cliquez sur Créer un modèle à côté de votre type de publication personnalisé. Cela ouvrira l'éditeur de glisser-déposer Toolset Layouts où nous pourrons organiser l'endroit où nous voulons afficher le contenu.

Avant de continuer, un petit aparté pour expliquer le fonctionnement de Layouts et quelles sont certaines des cellules que nous devons utiliser.

Toolset Layout est basé sur la grille Bootstrap qui affiche votre page en rangées de 12 colonnes. Cela signifie, par exemple, si vous souhaitez afficher une image sur le côté gauche de la page, vous sélectionnerez les six premières colonnes à gauche pour qu'elle aille.

Comment configurer des mises en page
Comment configurer des mises en page

Vous pouvez utiliser le bouton + pour ajouter plus de lignes à votre modèle.

Besoin d'un hébergement performant et fiable pour vendre plus via votre site annuaire ? Behmaster vous fournit des pages et une architecture optimisées en termes de performances. Découvrez nos forfaits

Lorsque vous sélectionnez les cellules dans lesquelles vous souhaitez afficher du contenu, il existe deux types de cellules pertinentes pour cette tâche particulière.

  • L'éditeur visuel – Pour ajouter un tout nouveau texte ou insérer des codes abrégés pour nos champs personnalisés et taxonomies. C'est celui que nous utiliserions pour insérer les types personnalisés que nous avons déjà créés.
  • Le contenu de l'article – Pour ajouter tout contenu provenant du corps de votre message. Par exemple, dans mon type de message pour mes voitures classiques, j'insérerai cette cellule pour afficher la description de chaque voiture que j'ai saisie sur la page d'édition.
Types de cellules de disposition
Types de cellules de disposition

Maintenant, nous pouvons reprendre. Continuons en montrant comment j'ai affiché le champ personnalisé pour Année de production que vous pouvez voir dans l'image ci-dessous de mon modèle :

Comment afficher des champs personnalisés avec l'éditeur visuel
Comment afficher des champs personnalisés avec l'éditeur visuel

2. Sélectionnez le nombre de colonnes que la cellule doit occuper - dans mon cas, j'en ai choisi quatre.

3. Vous verrez maintenant la liste des types de cellules de disposition que vous connaissez déjà. Sélectionnez le Editeur visuel.

4. Cliquez sur Champs et vues où vous serez redirigé vers la liste des shortcodes que nous pouvons ajouter. Faites défiler jusqu'à ce que vous trouviez le nom de votre liste de champs personnalisés (dans mon cas Groupe de champs pour les listes) et sélectionnez Année de production.

Shortcodes des champs et des vues
Shortcodes des champs et des vues

5. Cliquez Insérer un shortcode.

6. Nous pouvons maintenant voir le shortcode dans notre cellule d'éditeur. Cela signifie que les utilisateurs verront désormais l'année de production de la voiture qu'ils ont sélectionnée. Mais maintenant, nous devons ajouter un titre à côté pour que l'utilisateur sache ce que signifie l'année. j'ai tapé Année de production et un peu de HTML pour le style. J'ai mis le shortcode dans une case dans l'image ci-dessous afin que vous puissiez voir à quoi il ressemble :

L'année de production est ajoutée avec un shortcode et du HTML
L'année de production est ajoutée avec un shortcode et du HTML

7. Cliquez Appliquer et la cellule est complète.

Voici à quoi ressemble le champ personnalisé sur le front-end après un peu de style CSS :

Comment le champ personnalisé est affiché sur le frontend
Comment le champ personnalisé est affiché sur le frontend

Ajouter une recherche

Nous pouvons créer un outil de recherche avec plusieurs filtres qui permettront aux utilisateurs de trouver la liste exacte qu'ils souhaitent.

Voici la recherche que j'ai ajoutée à mon site Web d'annuaire de voitures classiques. J'ai six filtres que vous pouvez voir en haut dans la barre de recherche :

Fonction de recherche avec filtres
Fonction de recherche avec filtres

Tout d'abord, où voulez-vous que votre recherche personnalisée aille ? Vous pouvez l'afficher sur votre page d'accueil, sur sa propre page, dans un widget ou dans une archive.

J'ai ajouté ma recherche personnalisée à la page d'accueil. Voici comment j'ai procédé :

1. En dessous de Jeu d'outils > Dispositions créez un nouveau modèle et cliquez pour ajouter une cellule.

2. Sélectionnez l' Voir cellule

Mise en page des résultats de recherche
Mise en page des résultats de recherche

3. Sur la page suivante, sélectionnez le Afficher les résultats sous forme de recherche personnalisée option et cliquez sur Créer.

4. En dessous de Sélection du contenu, choisissez le contenu dans lequel vous souhaitez effectuer une recherche. Dans mon exemple, je vais sélectionner le Listes Type de poste.

5. En dessous de Paramètres de recherche personnalisés, choisissez comment votre recherche met à jour les résultats. Par exemple, vous pouvez sélectionner les mises à jour AJAX (mettre à jour vos résultats sans recharger la page) parmi d'autres options.

Paramètres de recherche personnalisés
Paramètres de recherche personnalisés

6. En dessous de Recherche et pagination, vous pouvez ajouter des filtres pour votre recherche que les utilisateurs utiliseront pour affiner leurs résultats. Ceux-ci peuvent inclure des champs personnalisés, des taxonomies et des relations de publication. Par exemple, j'ai utilisé mon Prix champ personnalisé pour ajouter un Prix ​​minimum et Prix ​​maximum filtrer à ma recherche. Cliquer sur Nouveau filtre et recherchez le champ personnalisé que vous souhaitez filtrer (dans mon cas, il s'agit du prix).

Ajouter de nouveaux filtres de recherche personnalisés en tant que shortcodes
Ajouter de nouveaux filtres de recherche personnalisés en tant que shortcodes

7. Sur la page suivante, les options pour lire comme l'image ci-dessous, puis cliquez sur Insérer un shortcode. Voici comment le Recherche et pagination regarde après avoir ajouté dans mes filtres. Les filtres ont l'air bien prêts à l'emploi, mais j'ai ajouté un peu de HTML et de CSS pour le style.

Recherche et pagination avec filtres et HTML
Recherche et pagination avec filtres et HTML

8. Cliquez Bouton de soumission pour ajouter le bouton, les utilisateurs cliqueront pour voir les résultats.

9. Cliquez Bouton de réinitialisation d'ajouter un bouton pour permettre aux utilisateurs de réinitialiser leurs filtres.

Notre recherche est maintenant prête à partir. Il ne nous reste plus qu'à concevoir nos résultats.

Concevoir les résultats de la recherche

Nous avons peut-être conçu notre recherche personnalisée, mais nous devons encore décider de la manière dont nos résultats seront affichés. Nous pouvons le faire sur la même page où nous avons créé notre recherche.

Sous Recherche et pagination, nous pouvons trouver une autre section appelée Éditeur de boucle où nous pouvons concevoir la sortie des résultats.

L'éditeur de boucles
L'éditeur de boucles

1. Cliquez Assistant de boucle et sélectionnez la façon dont vous souhaitez afficher la boucle. Pour mon site Web d'annuaire de voitures anciennes, j'ai utilisé le Bootstrap grid avec quatre colonnes pour les résultats.

La fenêtre de l'assistant de boucle
La fenêtre de l'assistant de boucle

2. Sur la page suivante, nous pouvons ajouter les filtres qui seront affichés dans le cadre des résultats. Vous trouverez ci-dessous les filtres que j'ai ajoutés pour mon site Web d'annuaire de voitures classiques.

Configurer des filtres pour les résultats de la recherche
Configurer des filtres pour les résultats de la recherche

3. Cliquez Récapitulatif. Vous devriez maintenant voir vos champs dans le Éditeur de boucle.

A quoi ressemble l'éditeur de boucle avec les champs
A quoi ressemble l'éditeur de boucle avec les champs

4. Cliquez Enregistrer la vue au bas de la page.

5. Cliquez Enregistrer sur votre Layout et il est maintenant prêt pour le front-end.

Voici à quoi ressemble le mien :

Exemple de mise en page de recherche
Exemple de mise en page de recherche

Créer un formulaire frontal

Les formulaires frontaux sont un excellent moyen pour vos utilisateurs d'ajouter leurs annonces dans le style et le format que vous souhaitez. Tout ce qu'ils ont à faire est de remplir et de soumettre le formulaire et il peut apparaître sur le front-end.

Voici un exemple de formulaire que j'ai créé pour mon site Web d'annuaire de voitures classiques :

Exemple de formulaire frontal
Exemple de formulaire frontal

Une fois qu'un utilisateur l'a rempli, voici à quoi ressemblera une liste sur le front-end :

Exemple de modèle de liste de voitures
Exemple de modèle de liste de voitures

Voici comment je l'ai fait :

1. Aller à Ensemble d'outils > Publier Formulaires et cliquez Ajouter un nouveau.

2. L'assistant de jeu d'outils s'affiche. Cliquez sur Continuer et entrez un titre pour votre formulaire.

3. dans le Paramètres section remplissez les détails qui fonctionnent pour votre formulaire. Ici, vous pouvez décider quelle page les utilisateurs voient une fois qu'ils ont soumis le formulaire, si la liste est publiée immédiatement ou en tant que brouillon et si la publication expire. Voici ce que j'ai mis pour le mien :

Options d'affichage pour votre formulaire frontal
Options d'affichage pour votre formulaire frontal

4. Utilisez l'éditeur de glisser-déposer de formulaires de Toolset pour décider quels champs vous souhaitez que les utilisateurs remplissent. Vous pouvez également ajouter des éléments supplémentaires et le style utilise CSS. Voici à quoi ressemble le mien :

Champs de l'éditeur de formulaire
Champs de l'éditeur de formulaire

5. La dernière étape vous permet de modifier les notifications par e-mail que les utilisateurs et les gestionnaires du site Web de l'annuaire reçoivent lorsqu'un formulaire est soumis. Vous trouverez ci-dessous un exemple de celui que j'ai créé et qui informera l'annonceur lorsque sa publication a été examinée et est en ligne.

Page des paramètres de notification par e-mail
Page des paramètres de notification par e-mail

Bien sûr, vous pouvez ajouter des e-mails supplémentaires à d'autres personnes si nécessaire.

6. Il est maintenant temps d'afficher le formulaire sur le front-end. Tout comme avec l'autre contenu, je l'ajouterai en tant que cellule dans l'une de mes mises en page. Se diriger vers Jeu d'outils > Dispositions, créez une nouvelle mise en page et cliquez pour insérer une cellule.

7. Cliquez sur l' Formulaire de publication cellule et cliquez pour Créer une cellule.

Enregistrer votre mise en page et vous pouvez maintenant voir votre formulaire sur le front-end.

Résumé

Comme je l'ai mentionné précédemment, il existe beaucoup plus de fonctionnalités telles que des cartes, une section d'adhésion et des listes associées que vous pouvez ajouter à un site Web d'annuaire. Mais ce sont les principaux dont vous avez besoin pour démarrer le plus rapidement possible.

Quels sont vos conseils pour créer un site annuaire ? Tweetez à @Behmaster et nous partagerons les meilleures idées ! Ou déposez-les ci-dessous dans les commentaires.

Articles Relatifs

0 Commentaires
Commentaires en ligne
Voir tous les commentaires
Retour à bouton en haut