La grille en boucle (grid loop) te permet de créer des listes très personnalisées d’articles, donnant ainsi un style unique à ton site. Tu vois le widget Posts par exemple ? Eh bien, tu pourrais créer des templates bien plus jolis (et performants) avec les loops justement.
Note
Les boucles sont créées avec du contenu dynamique – c’est-à-dire des informations tirées directement des articles eux-mêmes. Par exemple, tu peux utiliser le widget Titre de l’article pour extraire et afficher automatiquement les titres des articles. Tu peux aussi utiliser d’autres widgets en choisissant les balises dynamiques appropriées.
Table des matières
Construire une grille en boucle
Utilisation du widget Loop Grid
Il existe deux façons de créer et modifier une boucle :
- Via le constructeur de thème.
- Avec le widget.
Dans cette section, on va passer en revue la création d’une boucle avec le widget.
- Crée une nouvelle page.
- Fais glisser le widget Loop Grid sur le canevas.
- Lorsque tu crées une grille en boucle, tu dois d’abord créer un modèle. (Tu peux également partir d’un modèle existant).
- Clique sur Enregistrer.
- Tu es maintenant en train de construire un modèle qui sera dupliqué pour afficher une liste de tous les articles de manière uniforme.
- Utilise des conteneurs et des widgets pour créer le modèle. Utilise les widgets associés aux articles (comme le widget Image à la Une, le widget Titre de l’article, le widget Extrait de l’article et le widget Infos sur l’article) ou d’autres widgets avec des balises dynamiques. Tu peux aussi ajouter des widgets pour des raisons de design (par exemple, ajouter une icône à ton modèle).
- Stylise les éléments dans la boucle pour qu’ils correspondent à ton design.
- Clique sur Enregistrer puis sur Retour pour revenir à ta page.
- Ta page est maintenant remplie avec une archive de tous tes articles, conçue selon tes spécifications.
Si tu veux changer le design, sélectionne « Modifier le modèle » en haut à gauche, et fais tes modifications. Tout changement que tu feras dans le modèle affectera tous les éléments de l’archive. Où qu’ils soient sur ton site.
Note
Quand tu modifies une page avec une grille en boucle, le premier élément de la boucle change de couleur pour indiquer que tu peux modifier le modèle en cliquant dessus.
Depuis une page blanche avec le constructeur de thème
- Sélectionne Modèles > Constructeur de Thème depuis le tableau de bord WordPress.
- Clique sur Élément de boucle.
- Clique sur Modifier pour modifier une boucle existante.
- Clique sur Ajouter Nouveau pour créer une nouvelle boucle.
- Utilise des conteneurs, des widgets et d’autres éléments pour créer le modèle. La plupart du temps, tu utiliseras des widgets associés aux articles (comme le widget Image à la Une, le widget Titre de l’article, le widget Extrait de l’article et le widget Infos sur l’article). Cependant, tu peux aussi ajouter d’autres widgets pour designer ta boucle (si tu veux ajouter des icônes, des images, des boîtes à bascule, etc.).
- Stylise les éléments dans la boucle pour qu’ils correspondent à ton design.
Note
Quand tu modifies une page avec une grille en boucle, le premier élément de la boucle change de couleur pour indiquer que tu peux modifier le modèle en cliquant dessus.
Note
Si tu ne définis pas un style de pagination, les visiteurs ne verront qu’une seule page d’articles.
Et voilà, tu as maintenant toutes les infos pour construire une grille en boucle personnalisée pour ton site !
Ce tutoriel a été traduit et adapté de la documentation d’Elementor : https://elementor.com/help/how-do-i-build-a-loop-grid/
