Dans WordPress, il est possible de créer de belles et puissantes pages de catégories en utilisant une grille circulaire ou une rotation circulaire. Cet article détaillera comment utiliser ces outils pour y parvenir.

I. Pourquoi créer des pages de catégories en utilisant une grille circulaire ou une rotation circulaire ?

Grille cyclique et rotation cycliquesont des outils très utiles dans la conception moderne des sites web. Ils permettent d'afficher le contenu d'une page sous forme de grille ou de rotation, ce qui est à la fois esthétique et pratique. En les utilisant pour créer des pages de catégories, vous pouvez afficher dynamiquement du contenu sous différentes catégories, telles que des articles, des produits, des images, etc.

Ses principaux atouts sont les suivants

• Affichage dynamique : Affiche automatiquement le contenu catégorisé, réduisant ainsi le besoin de mises à jour manuelles.
• Flexibilité : La mise en page, le style et l'affichage du contenu peuvent être facilement ajustés.
• Expérience de l'utilisateur : Offrir une meilleure expérience visuelle et de navigation et augmenter le temps que les utilisateurs passent sur le site.

II. étapes de la création d'une page de catégorie

Dans ce guide, nous utiliserons un exemple pour détailler comment passer le paramètreElementor ProLe treillis cyclique (Grille de boucles) pour créer une page de catégorie qui affiche les catégories d'articles. Bien que nous utilisions les articles comme exemple, la même approche fonctionne pour les produits et d'autres types de contenu.

1. mettre en place et glisser-déposer la grille de boucles

Tout d'abord, nous devons mettre en place une grille circulaire sur la page pour afficher les catégories de contenu.

Glisser-déposer la grille de boucles :

• Connectez-vous au tableau de bord de WordPress.
• Créer une nouvelle page ou modifier une page existante.
• Dans l'éditeur Elementor, trouvez l'élémentLoop Grid Widgetet faites-le glisser sur le canevas de la page.

Sélectionnez le type de modèle :

• Dans le panneau de gauche, vous trouverez le menu déroulant "Select Template Type".

• Sélectionner "taxonomie"comme type de modèle. Si WooCommerce est installé, vous verrez également "catégorisation des produits"Options.

Créer un modèle :

• Cliquez sur le bouton Créer un modèle. Cela créera un nouveau modèle pour votre page de catégorie, dans lequel vous pourrez ajouter du contenu dynamique.

2. construire des modèles avec des balises dynamiques

Pour que le modèle affiche automatiquement le contenu des catégories, nous devons utiliser des balises dynamiques. Cela vous évitera d'avoir à saisir manuellement des informations telles que les noms de catégories, les descriptions, etc.

Ajouter un widget de titre :

• Faites glisser et déposez le widget Titre dans le modèle pour afficher les noms des catégories.

Utilisez des balises dynamiques :

• Dans le panneau Paramètres du widget Titre, cliquez sur l'ic?ne étiquette dynamique à c?té du champ Titre.

• Sélectionnez "Titre du fichier" dans le menu déroulant. De cette manière, le modèle affichera automatiquement le nom de la catégorie en cours sans qu'il soit nécessaire de le saisir manuellement.

Supprimer le texte inutile :

• Normalement, WordPress ajoute automatiquement le nom de la catégorie avant le symbole "Poste"etc. Pour supprimer ces textes non pertinents, vous pouvez aller dans les paramètres du widget d'en-tête, trouver l'option "Inclure le contexte" et la régler sur "Non".

Ajouter une description de la catégorie :

• Utilisez le widget de l'éditeur de texte pour afficher la description de la catégorie.

• Dans le champ de contenu du widget de l'éditeur de texte, sélectionnez l'étiquette dynamique "Description de l'archive", qui affichera automatiquement la description de la catégorie actuelle.

3. rendre les éléments de la catégorie cliquables

Pour améliorer l'expérience de l'utilisateur, les éléments des pages de catégories peuvent être rendus cliquables afin que les utilisateurs puissent accéder directement à la page détaillée de la catégorie en cliquant sur le titre ou l'image de la catégorie.

Rendre le conteneur cliquable :

• Lors de l'édition d'un modèle, sélectionnez le conteneur en cliquant sur l'ic?ne dans le coin supérieur gauche.

• Dans le panneau de configuration du conteneur, recherchez "Options supplémentaires"Partie.

• Dans le menu déroulant de la balise HTML, sélectionnez l'option "Lien".

• Dans le champ Lien, cliquez sur l'ic?ne étiquette dynamique et sélectionnez "Archive URL". L'ensemble du conteneur deviendra ainsi un lien qui, lorsque l'utilisateur cliquera dessus, renverra à la page de la catégorie appropriée.

Rendre les éléments individuels cliquables :

• Si vous souhaitez que seul le titre ou l'image soit cliquable et que le champPas tout le conteneurqui peut être trouvé dans la rubrique "élémentL'onglet " Recherche " permet de trouver l'option "lien (sur un site web)Le champ ".

• Cliquez sur l'ic?ne Dynamic Label et sélectionnez "Archive URL". De cette manière, seul le titre ou l'image sera transformé en lien.

4. exclusion des catégories inutiles

Dans certains cas, il peut être souhaitable d'exclure certaines catégories non désirées (par exemple "Non classé") de la page des catégories. Voici la marche à suivre :

Ouvrez les paramètres de la requête :

• Sélectionnez la grille en boucle ou le widget rotatif.
• Dans le panneau de gauche, ouvrez la section Requêtes.

Sélectionner manuellement les conditions de filtrage :

• Dans le menu déroulant Filtrer par, sélectionnez Sélection manuelle.

• Cliquez sur l'option "Exclure" et saisissez le nom de la catégorie que vous souhaitez exclure (par exemple, "Blog shortcodes > FAQ").

Sauvegarder les paramètres :

• Après avoir complété les paramètres d'exclusion, cliquez sur le bouton "Enregistrer".

III. ajouter des images aux pages des catégories

L'ajout d'images aux pages de catégories peut améliorer considérablement l'attrait visuel de la page. Si vous souhaitez ajouter une image pour chaque catégorie, voici la marche à suivre :

1. ajouter des widgets d'images

Ajouter un widget d'image :

• Faites glisser et déposez le widget image à l'emplacement approprié dans le modèle.

Utiliser des étiquettes dynamiques pour sélectionner les images :

• Dans l'onglet Contenu du widget Image, cliquez sur l'ic?ne étiquette dynamique à c?té du champ Image.

• Dans le menu déroulant, sélectionnez "Champs d'images de produits WooCommerce". Cela vous permettra d'afficher automatiquement les images associées à chaque catégorie.

Mise en place de champs dynamiques :

• Dans Champs dynamiques, cliquez sur l'ic?ne de la clé et sélectionnez le champ associé à l'image de la catégorie dans le menu déroulant.

Sauvegarde et prévisualisation :

• Une fois la configuration terminée, enregistrez le modèle et prévisualisez la page pour vous assurer que les images des catégories s'affichent correctement.

IV. conception et optimisation des pages de catégories

Après avoir créé une page de catégorie de base, la conception et la fonctionnalité de la page peuvent être optimisées pour améliorer l'expérience de l'utilisateur.

1) Paramètres de style de page

Utilisez les outils de style d'Elementor pour personnaliser la mise en page, les couleurs, les polices et autres éléments visuels de vos pages. Assurez-vous que la page est cohérente avec le style général de votre site en ajustant ces paramètres.

2. la conception réactive

Veillez à ce que vos pages de catégories s'affichent correctement sur différents appareils (téléphones mobiles, tablettes, ordinateurs). Utilisez la fonctionconception réactiveoutil qui permet de prévisualiser et d'ajuster la page enSur différents appareilsL'affichage du

3. l'optimisation des performances

Utilisez des images légères et un code propre pour que les pages se chargent rapidement. Une bonne vitesse de chargement améliore non seulement l'expérience de l'utilisateur, mais aussi le classement dans les moteurs de recherche.

rendre un verdict

La création de pages de catégories WordPress à l'aide d'une grille circulaire ou d'une rotation circulaire permettra non seulement de mieux organiser le contenu de votre site, mais aussi d'offrir une meilleure expérience de navigation à vos utilisateurs. Grace à des fonctionnalités telles que les balises dynamiques, les conteneurs cliquables et l'optimisation des images, il est facile de créer une page de catégorie qui soit à la fois belle et fonctionnelle.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.