Obs: I nästa ämne du kommer att läsa kommer du att lära dig om: Hur man skapar en rutnätsvy för inläggsminiatyrer i WordPress-teman
Har du någonsin haft behov av att skapa ett utskick när du skapar en WordPress-webbplatslayout? Rutnätslayouten fungerar bra för mediefokuserade webbplatser som vårt WordPress-galleri eller annan webbplats av utställningstyp. Temaramar som Genesis har redan ett förbyggt Grid-system. Men om du försöker skapa en rutnätsvy i ditt anpassade WordPress-tema är vi här för att hjälpa dig. I den här artikeln kommer vi att visa dig hur du skapar ett rutnät för inläggsminiatyrer i ett WordPress-tema.
Obs: Du måste ha en rimlig förståelse för CSS och hur WordPress-loopar fungerar.
Innan vi börjar, låt oss se vad vi försöker uppnå:
Om du tittar kommer inlägg på den här sidan att visas i ett rutnät. Det finns en bård på stolparna på vänster sida, men inte på höger sida. Med en normal inläggsslinga följer alla inlägg samma stil så att du har en höger kant på båda stolparna vilket kommer att se konstigt ut. Observera också att utrymmet är ganska symmetriskt. Vilket återigen inte är möjligt med en vanlig loop att göra något sådant. Nu när du kan se vad vi försöker uppnå, låt oss se hur vi kan uppnå det.
Det första du ska göra är att se till att ditt tema har miniatyrer för WordPress-inlägg aktiverade. Du bör också tänka på hur du vill ändra storlek på dina WordPress-bilder som du kommer att behöva det.
När du har konfigurerat miniatyrbilden och storleken, låt oss börja med detta. Vi kommer att konfigurera våra loopingfrågor:
