Personnaliser l’affichage des pages de catégorie avec Elementor Pro 2

Dans ce tutoriel, je vous montre comment faire pour personnaliser vos pages de catégorie afin d’afficher ces dernières différemment d’avec le traditionnel affichage des archives via le thème.

Pour être plus clair, je vais vous montrer comment afficher vos pages de catégorie comme vous le souhaitez en créant un modèle grâce à l’extension premium Elementor Pro

Pré-requis

Pour pouvoir reproduire ce que je vous montre dans ce tutoriel vidéo de personnalisation des pages de catégorie WordPress, vous devrez préalablement avoir installé et activé :

1. Elementor
2. Elementor Pro 2

Par ailleurs, sachez que j’ai également utilisé le thème OceanWP pour la réalisation de ce tuto et que certains éléments affichés sont propres à ce thème français gratuit 😉

Tutoriel de création de modèle de page de catégorie avec Elementor Pro

Pour visionner mon tutoriel vidéo sur la personnalisation des pages de catégorie avec Elementor Pro, il vous suffit de cliquer sur l’image/vidéo qui se trouve tout en haut de cet article 😉

Comment créer pas à pas un modèle de page de catégorie avec Elementor Premium

Voici la transcription du tutoriel vidéo pour ceux qui préfèrent lire que visionner une vidéo :

1. Connectez-vous à l’admin de votre WordPress
2. Dans l’onglet « Elementor » de la barre de menu latérale gauche, cliquez sur « Mes modèles »
3. Cliquez sur le bouton « Ajouter un nouveau » situé en haut à gauche de la page (juste à côté du titre)
4. Sélectionnez le modèle « Archive » dans la liste déroulante des types de modèle
5. Saisissez le nom que vous souhaitez donner à votre modèle dans le champ « Nommez votre modèle »
6. Cliquez sur le bouton « Créer un modèle »
7. Vous pouvez alors choisir parmi les modèles prédéfinis (ou ceux que vous aurez éventuellement créés auparavant), mais pour ce tuto, on va partir d’une page vierge, aussi je vous invite à fermer cette fenêtre modale en cliquant sur la croix en haut à droite
8. Vous obtenez ainsi une page vierge ou presque puisqu’elle reprend logiquement les en-tête et pied de page définis sur votre site, vous pouvez donc maintenant utiliser Elementor pour construire votre modèle de page de catégorie
9. Tous les éléments dynamiques que vous pouvez utiliser pour construire votre modèle de page de catégorie se trouvent dans l’onglet « Éléments du thème » dans la liste des widgets disponibles (barre latérale de gauche de votre éditeur Elementor) – je détaille ces différents éléments plus bas
10. Il vous suffit donc de piocher dans ces différents éléments pour construire votre modèle de page en glissant/déposant ceux-ci vers la zone d’édition de votre modèle de page – n’oubliez pas que vous pouvez organiser votre contenu en plusieurs rangées/colonnes
11. Comme je vous le montre dans la vidéo, vous pouvez également personnaliser l’affichage des différents éléments que vous utilisez pour construire votre modèle de page de catégorie – je ne vais vous détailler ces réglages ici, car ce serait trop long et c’est plus concret en vidéo 😉
12. Pour ne pas risquer de perdre votre travail, pensez à régulièrement cliquer sur le bouton « Enregistrer le brouillon » que vous verrez apparaître en cliquant sur la flèche à droite du bouton « Publier » situé en bas de la barre d’édition Elementor
13. Une fois votre modèle créé, cliquez sur le bouton « Publier », puis définissez les conditions d’affichage de votre modèle en cliquant sur « Add condition » (bientôt traduit par « Ajouter une condition » si vous achetez ma traduction française d’Elementor Pro)
14. Parmi les conditions disponibles, choisissez « Include » (Inclure), puis « Catégories » et « All » (Toutes) afin que votre modèle serve pour toutes les catégories de votre blog WordPress – si vous le souhaitez, vous pouvez ajouter plusieurs conditions en cliquant à nouveau sur le bouton « Add condition »
15. Une fois les conditions d’affichage de votre modèle de page de catégorie WordPress définies, cliquez sur le bouton « Publier » situé en bas à droite de la fenêtre modale
16. Vous n’avez plus qu’à vérifier que votre modèle est bien pris en compte et que vous n’avez rien oublié 😉
17. Pensez à vider votre cache si vous utilisez une extension de cache comme LiteSpeed Cache, WP Rocket ou autres

Recommandations sur la création d’un modèle de page d’archive WordPress

Pour la création d’un modèle de page d’archive, comme c’est le cas pour la création d’un modèle de page de catégorie puisque les catégories sont un type d’archive WordPress, je recommande de n’utilisez que des éléments dynamiques afin d’éviter le contenu dupliqué.

En effet, comme il est fort probable que votre blog WordPress possède plusieurs catégories, si vous utilisez des éléments non dynamiques dans votre modèle de page de catégorie, alors ces éléments se retrouveront dupliqués sur toutes vos pages de catégorie, ce qui est vivement déconseillé, notamment lorsqu’il s’agit de texte.

Donc si vous souhaitez utiliser des éléments non dynamiques pour vos modèles d’archive, comme du texte par exemple, je vous invite à visionner également mon tutoriel vidéo sur la création d’un modèle de page pour une catégorie spécifique déjà publié sur YouTube et que je publierai bientôt ici.

Traduction française d’Elementor Pro

Je suis en train de réaliser la traduction en français d’Elementor Pro que je mettrai en vente au tarif de 20€ HT (24€ TTC) sur ma boutique en ligne de traductions WordPress.

En attendant qu’elle soit finalisée, j’ai décidé de vous proposer de la pré-commander en bénéficiant d’un tarif promotionnel de 20€ TTC (moins de 17€ HT).

Cette offre promotionnelle est valable jusqu’au 20 mai 2018 inclus et pour en bénéficier, il vous suffit de cliquer sur https://wp-traduction.com/commande-20-euros-ttc/, puis sur le bouton « Commander », de saisir vos informations de facturation et enfin de procéder au paiement en ligne sur le site sécurisé.

Vous serez livré aussitôt la traduction finalisée, soit d’ici la fin de la semaine normalement 😉