Mussten Sie beim Erstellen von WordPress-Website-Layouts jemals ein Post-Grid erstellen? Das Rasterlayout eignet sich hervorragend für medienzentrierte Websites wie die WordPress-Galerie oder andere Websites vom Typ Showcase. Themenbilder wie Genesis haben bereits ein vorgefertigtes Gitterschleifensystem. Wenn Sie jedoch versuchen, ein Raster in Ihrem benutzerdefinierten WordPress-Design anzuzeigen, sind wir hier, um Ihnen zu helfen. In diesem Artikel zeigen wir Ihnen, wie Sie eine Post-Thumbnail-Rasterschleife in Ihrem WordPress-Theme erstellen.
Hinweis: Sie müssen ein gutes Verständnis für CSS und die Funktionsweise der WordPress-Schleife haben.
Bevor wir beginnen, schauen wir uns an, was wir erreichen wollen:
Wenn Sie schauen, werden die Beiträge auf dieser Seite in einem Raster angezeigt. Auf der linken Seite befindet sich ein Rand für Pfosten, auf der rechten Seite jedoch nicht. Bei einer normalen Post-Schleife folgen alle Posts dem gleichen Stil. Daher hat es an beiden Stellen einen rechten Rand, der seltsam aussehen würde. Beachten Sie auch, dass der Raum ziemlich symmetrisch ist. Was wiederum mit der normalen Schleife nicht möglich ist, so etwas zu tun. Nachdem Sie nun sehen können, was wir erreichen möchten, werfen wir einen Blick darauf, wie dies erreicht werden kann.
Das erste, was Sie tun sollten, ist sicherzustellen, dass für Ihr Thema WordPress-Post-Thumbnails aktiviert sind. Sie sollten auch darüber nachdenken, wie Sie die Größe Ihrer WordPress-Bilder ändern möchten, da Sie sie benötigen.
Nachdem Sie die Miniaturansichten und Größen eingerichtet haben, können Sie loslegen. Lassen Sie uns unsere Abfragen in einer Schleife konfigurieren:
