Lors de la création de mises en page de sites Web WordPress, avez-vous déjà eu besoin de créer une grille de publication? La disposition de la grille fonctionne très bien pour les sites centrés sur les médias comme la galerie WordPress ou tout autre site de type vitrine. Les peintures à thème comme Genesis ont déjà un système de boucle de grille pré-construit. Cependant, si vous essayez d’afficher une grille dans votre thème WordPress personnalisé, nous sommes là pour vous aider. Dans cet article, nous vous montrerons comment créer une boucle de grille de miniature de publication dans votre thème WordPress.
Remarque: Vous devez avoir une bonne compréhension du CSS et du fonctionnement de la boucle WordPress.
Avant de commencer, regardons ce que nous essayons de réaliser:
Si vous regardez, les articles de cette page seront affichés dans une grille. Il y a une bordure sur les poteaux du côté gauche, mais pas du côté droit. Avec une boucle de publication normale, toutes les publications suivent le même style; par conséquent, il aura une bordure droite sur les deux postes, ce qui serait étrange. Notez également que l’espace est assez symétrique. Ce qui n’est pas encore possible avec la boucle normale pour faire quelque chose comme ça. Maintenant que vous pouvez voir ce que nous essayons de réaliser, voyons comment y parvenir.
La première chose que vous devez faire est de vous assurer que votre thème a activé les vignettes de publication WordPress. Vous devez également réfléchir à la façon dont vous souhaitez redimensionner vos images WordPress, car vous en aurez besoin.
Après avoir configuré les miniatures et les tailles, commençons. Configurons nos requêtes en boucle:
