Har lagt till tre nya inläggstyper på din sajt och standardbloggen blev en enda röra? Låter bekant. När WordPress driver inte bara en blogg utan en katalog, portfölj eller butik slutar standardutmatningen av inlägg att fungera efter det andra dussinet sidor.

Post Grid från PickPlugins löser problemet utan en enda rad kod: vilken inläggstyp som helst, valfri grid-design, kategorifilter och asynkron laddning. Pluginet är gratis och har nyligen fått en helt omskriven React-byggare med ett 2026-gränssnitt, inte ett förlegat 2015. I praktiken täcker gratisversionen de flesta scenarier, men Premium lägger till ett par funktioner som det är värt att öppna plånboken för.

Här kommer en ärlig genomgång: vad Post Grid kan göra, hur du sätter upp det på 10 minuter och när det är vettigt att betala för Premium.

💡 Snabb översikt:

• Installera Post Grid från WordPress.org-katalogen och aktivera det
• Skapa din första grid med den visuella byggaren: välj inläggstyp, konfigurera kolumner och filter
• Kopiera shortcoden [post_grid id="1234"] och klistra in den på valfri sida
• För butiker och portföljer, kolla in den filtrerbara grid-funktionen och AJAX-paginering
• Avgör om du behöver Premium: molnmallar, masonry och styling utan CSS

Vad är Post Grid och vilka problem löser det

Post Grid är ett plugin för att visa alla WordPress-inläggstyper som en anpassningsbar grid, slider eller masonry-layout. Inte bara vanliga blogginlägg: WooCommerce-produkter, portföljer, kalenderhändelser, anpassade inläggstyper, allt som är registrerat i systemet.

Pluginet är över 8 år gammalt och har under den tiden samlat mer än 30 000 aktiva installationer på WordPress.org med betyget 4,3. I början av 2025 släpptes en version med React-byggaren: hela inställningsgränssnittet ligger nu i ett enda SPA-fönster med liveförhandsvisning och drag-och-släpp-element. Ingen jQuery-magi och utspridda fält över olika flikar.

Tre huvudscenarier där Post Grid är oumbärligt:

• Blogg med många kategorier. Sätt upp en grid med kategori- och taggfilter så filtrerar läsarna själva vad de behöver. AJAX-laddning eliminerar sidomladdningar vid sidbyte.
• Produktkatalog på WooCommerce. En snygg visning med priser, betyg och en "Lägg i varukorg"-knapp direkt i produktkortet. Masonry-layout för butiker med produkter i varierande höjd.
• Portfölj eller case studies. En anpassad inläggstyp "Projekt", filtrera efter tekniker eller branscher, så är portföljsidan klar på 5 minuter.

Gratisversion: vad som ingår

Gratisversionen på WordPress.org täcker de flesta behov. Här är vad du får direkt efter aktivering:

Databasfrågor. Pluginet kan välja inlägg av valfri typ, inklusive flera typer samtidigt. Filtrering efter kategorier, taggar, taxonomier och specifika termer. Sortering efter datum, titel, anpassade fält. Exkludera eller inkludera inlägg efter ID.

Grid, slider och masonry. Tre visningslägen i ett plugin. Slidern körs på Splide.js (lättviktigt, inga temakonflikter). Kolumninställningar är separata för desktop, surfplatta och mobil.

Fem pagineringstyper. Klassisk med sidnummer, AJAX utan omladdning, "Föregående-Nästa"-knappar, "Ladda fler"-knapp och oändlig scroll. Växla mellan typerna med en enda inställning.

Medieinnehåll i korten. Istället för standardtumnaglar kan du visa YouTube, Vimeo, Dailymotion och SoundCloud. Font Awesome-ikoner i stället för tumnaglar.

Färdiga skal. Tre inbyggda teman plus möjligheten att ställa in egna färger, avstånd och typsnitt via inställningsfält.

Observera: gratisversionen saknar en visuell kortredigerare och du kan inte ändra HTML-strukturen för grid-elementet. Design konfigureras endast via alternativ, men utan risk att förstöra något.

Vad Premium tillför

Premium-licensen tar bort begränsningar och lägger till verktyg för den som vill ha anpassning utan kod. Priser från den officiella PickPlugins-sajten per juni 2026:

Här är vad du får utöver gratisfunktionerna:

React-byggare med liveförhandsvisning. Ett Gutenberg-liknande gränssnitt: elementlistpanel, redigeringspanel och mallpanel i ett fönster. Ändra en inställning och se resultatet direkt. Inget "spara och uppdatera sidan".

Layout Builder. Dra och släpp fält i den visuella redigeraren för att bygga inläggskortet som du vill ha det: tumnagel till vänster, titel och datum till höger, metafält längst ner. Ändra ordning, storlekar och avstånd med musen.

Molnmallbibliotek. Färdiga professionella grid-layouter för olika nischer. Välj en mall, applicera den, justera färger efter ditt varumärke, så är griden klar på ett par klick.

Avancerad styling. Tillgång till alla CSS-egenskaper och pseudoselektorer som :hover, ::before och ::after direkt från byggaren. Du kan styla varje kortelement utan en style.css-fil.

Filtrerbar grid. Besökare väljer en kategori eller tagg, och griden uppdateras asynkront utan omladdning. Filtrera gruppering efter taxonomier.

Utökat plugin-stöd. WooCommerce, Easy Digital Downloads, Advanced Custom Fields, CMB2, The Events Calendar, metafält och data från dessa plugins är tillgängliga för visning i grid-kort.

Kolla ditt scenario: om sajten är en blogg med ett dussin kategorier och standarddesign på korten räcker gratisversionen mer än väl. Premium är motiverat för butiker, kataloger och projekt där kortets utseende direkt påverkar konverteringen.

Hur du installerar och konfigurerar Post Grid: steg-för-steg-guide

Konfiguration från noll till en fungerande grid tar 10 minuter. Stegen är desamma för gratis- och Premium-versionerna.

Steg 1: installation av pluginet

Gå till WordPress adminpanel, öppna Plugins → Lägg till nytt. I sökfältet skriver du Post Grid, hittar pluginet från PickPlugins och klickar på Installera nu, sedan Aktivera.

Efter aktivering visas menyalternativet Post Grid i vänster sidofält. Detta är navet för att hantera alla grids.

Steg 2: skapa din första grid

Klicka på Post Grid → Ny Post Grid. Inställningsgränssnittet öppnas. Gå igenom fyra flikar:

Query Post. Välj inläggstyp: post för blogg, product för WooCommerce eller en anpassad typ. Ange kategorier och taggar för filtrering vid behov. Ställ in antal objekt per sida och sorteringsordning.

Layout. Välj läge: Grid, Slider eller Masonry. Konfigurera antal kolumner för desktop, surfplatta och mobil. Bestäm vilka element som ska visas i kortet: tumnagel, titel, datum, författare, utdrag.

Styling. I gratisversionen är färger, typsnitt, avstånd och hörnradie tillgängliga. I Premium, full kontroll via Style Components.

Paginering. Välj en av fem typer. För bloggar är "Ladda fler" eller oändlig scroll bekvämt, för butiker, klassisk med nummer.

Klicka på Publicera. Systemet genererar en shortcode som [post_grid id="1234"].

Steg 3: infoga griden på en sida

Kopiera shortcoden. Öppna önskad sida i redigeraren, klistra in shortcoden i ett Shortcode-block (Gutenberg) eller textredigeraren. Spara sidan och förhandsgranska den, din grid är klar.

För utvecklare: shortcoden fungerar även i PHP-mallar via <?php echo do_shortcode('[post_grid id="1234"]'); ?>. Detta är en standardmekanism i WordPress, så det uppstår inga temakonflikter.

Videorecension: Post Grid i aktion

En kort video från utvecklarna visar inställningsgränssnittet och färdiga grids på riktiga sajter. 11 minuter som sparar en timmes experimenterande med inställningar:

⁉️🤔 Vanliga frågor

Hur skiljer sig Post Grid från standardblocket "Query Loop" i Gutenberg?

Query Loop visar inlägg men saknar flexibilitet: ingen filtrerbar grid, masonry-layout, slider eller fem pagineringstyper i ett gränssnitt. Post Grid designades specifikt för snygga visningar, inte standardbloggutmatning.

Behöver jag Premium för en liten blogg med 3-5 kategorier?

I praktiken, nej. Gratisversionen täcker grid, slider, AJAX-paginering och grundläggande styling. Premium glänser för butiker och kataloger: det är där du behöver den visuella kortredigeraren, masonry och filter för produktattribut.

Krockar pluginet med teman och andra plugins?

Över 8 år och 30 000+ installationer är konflikter sällsynta. Splide.js för slidern är isolerat, stilar laddas precist. På testsajter med Astra, GeneratePress och OceanWP märktes inga problem. Om ditt tema kraftigt överskrider grid-stilar fixar ett par rader CSS det.

Kan jag visa WooCommerce-betyg och priser i ett grid-kort?

I gratisversionen, nej, dessa metafält är endast tillgängliga i Premium (fliken Layout Builder). I gratisversionen visar kortet standardfält från WordPress: titel, tumnagel, datum, författare, utdrag.

Hur är det med hastighet: saktar pluginet ner sajten?

AJAX-paginering laddar inlägg via WordPress REST API, vilket kan belasta servern vid stora volymer. För sajter med 1000+ inlägg i griden, sätt upp frågecachning (WP Rocket eller LiteSpeed) och begränsa antalet objekt per sida. Pluginet i sig är lättviktigt: skript och stilar laddas endast på sidor med shortcoden.

Är Post Grid Premium värt att betala för 2026?

Kort sagt: gratisversionen är ett gediget verktyg för bloggar och landningssidor. Premium är för den som bygger en butiksvisning, katalog eller portfölj och vill kontrollera varje detalj i kortet utan kod.

Beslutsmatris:

• Blogg, nyhetssajt, artikelsamling: gratisversionen räcker. Sätt upp AJAX-paginering och kategorifilter så lämnar inte läsarna från sida tio.
• WooCommerce-butik, produktvisning: skaffa Premium (Personal, $39/år). Prisvisning, betyg och "Lägg i varukorg"-knapp i kortet plus masonry för produkter i varierande höjd.
• Portfölj, case studies, projektkatalog: Premium är motiverat om du behöver anpassad kortdesign. Gratisversionen fungerar också, men med ett standardutseende.
• Kundsajt som behöver en visuell redigerare: Premium. React-byggaren och drag-och-släpp-element sparar nerver och supporttid.

Har pluginet inte uppdaterats på sex månader? Var uppmärksam på datumet för senaste uppdatering på WordPress.org-sidan. Om ett plugin inte har rörts på mer än två år är det en varningsflagga för alla verktyg i WordPress-ekosystemet. Med Post Grid per juni 2026 är detta inget problem: React-byggaren kom ut 2025 och utvecklaren är aktiv.