Créer un répertoire Web avec le modèle Listable

Le modèle Listable est un modèle pour créer un répertoire web dans wordpress. Le répertoire que nous pouvons monter avec ce modèle peut être gratuit ou nous pouvons facturer nos utilisateurs.

Vous pouvez modéliser Achetez ici o descargar gratis si tu es membre premium.

Si vous n'êtes pas abonné à la Zone Premium, vous pouvez donner inscrivez-vous pour 10 €/mois ici

Voici le tutoriel vidéo :

Il existe d'autres modèles qui font cette fonction comme modèle de vue mais le modèle Listable a une conception plus raffinée et présente certains aspects qui le rendent beaucoup plus puissant et évolutif que d'autres solutions.

Ce modèle utilise plusieurs plugins pour lui donner une fonctionnalité de répertoire. Cet élément est crucial car nous n'avons pas la fonctionnalité dans le modèle et à l'avenir, nous pourrions le changer pour un autre et la fonctionnalité ne serait pas perdue.

De plus, pour convertir notre annuaire en annuaire payant, utilisez WooCommerce, le plugin le plus avancé pour convertir un site web en boutique WordPress.

De cette façon, nous nous assurons que notre annuaire disposera d'un magasin très puissant à tous les niveaux, grâce à l'énorme communauté derrière WooCommerce.

D'un autre côté, si nous utilisons le modèle Vantage, avoir la fonctionnalité dans le modèle est beaucoup plus limité dans tous les aspects liés à la collecte et à la conversion de notre site Web en un répertoire payant.

La conception du modèle est excellente et vous pouvez voir une capture d'écran ci-dessous :

 

Comme vous pouvez le voir le design est très bien 😉

Mettons-le en place.

Je partirai du fait que vous avez installé WordPress récemment, comme vous pouvez le voir sur l'écran suivant :

Si vous ne savez pas comment installer wordpress sur le zone premium vous avez un cours WordPress pour savoir comment arriver facilement à ce point.

Une fois WordPress installé, nous allons installer le modèle Listable qui nous guidera tout au long du processus d'installation.

Pour ce faire, nous allons dans Apparence -> Thèmes -> Ajouter un nouveau et téléchargez notre modèle, activez-le et une fois activé, nous trouverons un écran comme celui-ci :

Une chose que j'aime vraiment dans ce modèle, c'est qu'il nous guide et nous pouvons assembler le modèle automatiquement.

Si on regarde la capture d'écran précédente, elle nous indique qu'elle nécessite l'installation de certains plugins et qu'elle en recommande également d'autres.

Nous cliquons sur "Commencer l'installation du plugin" et nous commençons à installer les plugins dont vous avez besoin.

Nous sélectionnons tous les plugins et les installons :

Une fois qu'ils ont tous été installés, nous revenons à l'installateur en cliquant sur le bouton "Retour au programme d'installation des plugins requis".

Bien que nous les installions tous en même temps, je recommande de les activer un par un afin que nous n'ayons aucun problème.

Nous activons tous, dans certains des plugins, cela nous mènera à un écran de configuration.

Le premier qui nous amène à un écran de configuration est le plugin « WP Job Manager ».

Ce plugin est celui qui convertira notre site Web en un site Web d'annuaire, il traitera chaque établissement que nous allons ajouter comme un emploi ou tout autre type de site Web nécessitant une liste, comme c'est le cas avec le site Web d'annuaire.

Nous cliquons sur « Continuer vers la mise en page ».

Sur cette page, nous traduisons les textes de chacune des pages comme cela nous convient le mieux :

Nous cliquons sur "Créer les pages sélectionnées" et sur l'écran suivant nous continuons à activer à nouveau les plugins en cliquant sur "Activer les plugins installés"

Nous continuons à activer le reste et une fois qu'ils sont tous activés, cliquer sur n'importe quelle option WordPress ignorera le programme d'installation de WooCommerce :

On clique sur "C'est parti" pour lancer la configuration. Dans ce premier tutoriel, je ne vais pas m'arrêter et le configurer en détail puisque nous le ferons plus tard, nous allons maintenant faire uniquement la configuration la plus basique.

La première chose qu'il me demandera est où se trouve mon magasin et quelle devise et quelles unités je veux utiliser :

Sur l'écran suivant je désactive les options puisque je ne vais pas envoyer de produits physiques :

Nous pouvons maintenant configurer les modes de paiement que nous allons autoriser dans notre annuaire. Comme c’est très important, nous y consacrerons du temps plus tard. Je vais maintenant simplement activer le mode de paiement « Virement bancaire » afin de pouvoir tester le processus d'achat plus tard.

À ce stade, nous avons déjà configuré (ci-dessus) notre boutique et nous pouvons continuer le processus pour avoir le site Web tel qu'il apparaît dans la démo. On clique sur « Retour au tableau de bord WordPress »

À ce stade, notre modèle est déjà installé, mais il ne ressemble toujours pas à la démo. Pour le moment, notre site Web ressemble à ceci :

Bien qu'il semble que nous soyons très loin de notre résultat final, ce n'est pas ainsi que vous le verrez ci-dessous.

Installons maintenant le contenu de démonstration. Le contenu de démonstration crée pour nous un contenu de test adapté et ajoute également tous les widgets et la configuration de la page principale et des pages intérieures.

Pour ce faire, nous allons dans Apparence -> Personnaliser -> Options du thème -> Données de démonstration -> Importer des données de démonstration

Ce processus prendra un certain temps car vous devez importer tout le contenu. Si vous obtenez une erreur parce que votre serveur arrête le processus, je vous recommande d'installer le plugin « Temps d'exécution maximum du WP dépassé », de cette façon, votre serveur augmentera le temps d'exécution et vous permettra de poursuivre le processus. Ce plugin n'a pas d'options, il vous suffit de l'activer et il commence à fonctionner.

Et maintenant, si je retourne à la page principale de mon site Web, j'ai déjà monté tout le site Web :

 

Bien que dans des vidéos ultérieures, je vais vous expliquer en profondeur le fonctionnement du modèle, dans cette vidéo, je souhaite commenter quelques éléments afin que vous ne deveniez pas fou en essayant de les trouver.

Pour configurer la page principale si nous éditons la page, nous nous rendrons compte que tous les éléments que nous voyons sur la page principale ne nous semblent pas :

Comment pouvons-nous voir que le titre qui apparaît sur notre page correspond au titre lors de l'édition. On retrouve le sous-titre un peu plus bas là où il est écrit « Sous-titre de la page ». On voit que cela correspond à notre page :

Sous le corps du message (ce que nous avons vide), nous pouvons trouver les 3 champs de notre moteur de recherche, si nous désactivons l'un d'eux, il n'apparaîtra pas sur notre site Web.

Et le champ qui apparaît lors de la modification de la page sous la forme « Page d'accueil -> Catégories en surbrillance » correspond aux catégories en surbrillance séparées par des virgules. Ce que nous séparons par des virgules est l'url de chaque catégorie et entre parenthèses le nom que nous voulons voir apparaître :

Si nous allons dans Listes -> Catégories, nous voyons qu'il correspond à :

Tout ce qui apparaît ci-dessous ne se retrouve pas dans l'édition de page, mais dans les widgets :

Ce sont les zones des sections des pages d'accueil :

Et pour l'instant le premier tuto de ce magnifique template 😉

Si vous n'êtes pas abonné à la Zone Premium, vous pouvez donner inscrivez-vous pour 10 €/mois ici

J'espère que tu l'a aimé

salutations

Oscar