Lisäsin kolme uutta sisältötyyppiä sivustollesi ja tavallinen blogi muuttui kaaokseksi? Kuulostaa tutulta. Kun WordPress pyörittää muutakin kuin blogia, esimerkiksi katalogia, portfoliota tai verkkokauppaa, tavallinen artikkelien listaus lakkaa toimimasta jo parin kymmenen sivun jälkeen.

Post Grid by PickPlugins ratkaisee tämän ongelman ilman yhtäkään koodiriviä: mikä tahansa sisältötyyppi, mikä tahansa ruudukkoasetelma, kategoriafiltterit ja asynkroninen lataus. Lisäosa on ilmainen ja sai hiljattain täysin uudelleenkirjoitetun React-pohjaisen rakentimen, jossa on vuoden 2026 käyttöliittymä, ei vuoden 2015 jäänne. Käytännössä ilmaisversio kattaa useimmat tilanteet, mutta Premium tuo mukanaan muutaman ominaisuuden, joiden vuoksi lompakkoa kannattaa avata.

Alla on rehellinen erittely: mihin Post Grid pystyy, miten sen saa käyttöön 10 minuutissa ja milloin Premiumista maksaminen on järkevää.

💡 Pikakatsaus:

• Asenna Post Grid WordPress.org-hakemistosta ja aktivoi se
• Luo ensimmäinen ruudukko visuaalisella rakentimella: valitse sisältötyyppi, määritä sarakkeet ja suodattimet
• Kopioi shortcode [post_grid id="1234"] ja liitä se mille tahansa sivulle
• Verkkokauppoja ja portfolioita varten tutustu suodatettavaan ruudukkoon ja AJAX-sivutusnavigaatioon
• Päätä, tarvitsetko Premiumin: pilvipohjat, masonry-asettelu ja tyylittely ilman CSS:ää

Mikä Post Grid on ja mitä ongelmia se ratkaisee

Post Grid on lisäosa, jolla voit näyttää mitä tahansa WordPressin sisältötyyppejä muokattavana ruudukkona, liukusäätimenä tai masonry-asetteluna. Ei pelkkiä tavallisia blogiartikkeleita: WooCommerce-tuotteet, portfoliot, kalenteritapahtumat, mukautetut sisältötyypit, kaikki järjestelmään rekisteröidyt.

Lisäosa on yli 8 vuotta vanha, ja sinä aikana sille on kertynyt yli 30 000 aktiivista asennusta WordPress.orgissa ja arvosana 4,3. Alkuvuodesta 2025 julkaistiin versio, jossa on React-rakennin: koko asetuskäyttöliittymä on nyt yhdessä SPA-ikkunassa, jossa on live-esikatselu ja vedä ja pudota -elementit. Ei jQuery-taikuutta eikä hajallaan eri välilehdillä olevia kenttiä.

Kolme pääasiallista tilannetta, joissa Post Grid on korvaamaton:

• Blogi, jossa on monta kategoriaa. Määritä yksi ruudukko kategoria- ja tagisuodattimilla, niin lukijat suodattavat itse tarvitsemansa. AJAX-lataus poistaa sivun uudelleenlataukset sivua vaihdettaessa.
• Tuotekatalogi WooCommerce-verkkokaupassa. Kaunis esittely, jossa hinnat, arvostelut ja "Lisää ostoskoriin" -painike ovat suoraan tuotekortissa. Masonry-asettelu kaupoille, joissa on erikorkuisia tuotteita.
• Portfolio tai case-esittelyt. Mukautettu sisältötyyppi "Projektit", suodatus teknologioiden tai toimialojen mukaan, ja portfoliosivu on valmis viidessä minuutissa.

Ilmaisversio: mitä paketti sisältää

WordPress.orgin ilmaisversio kattaa useimmat tarpeet. Tässä on mitä saat heti aktivoinnin jälkeen:

Tietokantakyselyt. Lisäosa osaa valita minkä tahansa tyyppisiä artikkeleita, mukaan lukien useita tyyppejä samanaikaisesti. Suodatus kategorioiden, tagien, taksonomioiden ja tiettyjen termien mukaan. Lajittelu päivämäärän, otsikon ja mukautettujen kenttien mukaan. Artikkelien poissulkeminen tai sisällyttäminen ID:n perusteella.

Ruudukko, liukusäädin ja masonry. Kolme näyttötilaa yhdessä lisäosassa. Liukusäädin toimii Splide.js:n päällä (kevyt, ei teemaristiriitoja). Sarakeasetukset ovat erikseen työpöydälle, tabletille ja mobiilille.

Viisi sivutustyyppiä. Klassinen sivunumeroilla, AJAX ilman uudelleenlatausta, "Edellinen-Seuraava"-painikkeet, "Lataa lisää" -painike ja ääretön vieritys. Vaihda tyyppien välillä yhdellä asetuksella.

Mediasisältö korteissa. Tavallisten pienoiskuvien sijaan voit näyttää YouTube-, Vimeo-, Dailymotion- ja SoundCloud-sisältöä. Font Awesome -kuvakkeet pienoiskuvien tilalla.

Valmiit ulkoasut. Kolme sisäänrakennettua teemaa sekä mahdollisuus asettaa omat värit, välit ja fontit asetuskenttien kautta.

Huomio: ilmaisversiosta puuttuu visuaalinen korttieditori, etkä voi muuttaa ruudukkoelementin HTML-rakennetta. Ulkoasu määritetään vain valintojen kautta, mutta ilman riskiä rikkoa mitään.

Mitä Premium tuo lisää

Premium-lisenssi poistaa rajoitukset ja lisää työkaluja niille, jotka haluavat räätälöintiä ilman koodia. Hinnat PickPluginsin viralliselta sivustolta kesäkuussa 2026:

Tässä on mitä saat ilmaisten ominaisuuksien lisäksi:

React-rakennin live-esikatselulla. Gutenberg-tyylinen käyttöliittymä: elementtilistapaneeli, muokkauspaneeli ja mallipohjapaneeli yhdessä ikkunassa. Muuta asetusta ja näe tulos välittömästi. Ei "tallenna ja päivitä sivu" -rumbaa.

Layout Builder. Vedä ja pudota kenttiä visuaalisessa editorissa rakentaaksesi artikkelikortin haluamallasi tavalla: pienoiskuva vasemmalla, otsikko ja päivämäärä oikealla, metakentät alhaalla. Muuta järjestystä, kokoja ja välejä hiirellä.

Pilvimallipohjakirjasto. Valmiita ammattimaisia ruudukkoasetteluja eri aihealueille. Valitse pohja, ota se käyttöön, säädä värit brändiisi sopiviksi, ja ruudukko on valmis parilla klikkauksella.

Edistynyt tyylittely. Pääsy kaikkiin CSS-ominaisuuksiin ja pseudo-valitsimiin, kuten :hover, ::before ja ::after, suoraan rakentimesta. Voit tyylitellä jokaisen korttielementin ilman style.css-tiedostoa.

Suodatettava ruudukko. Vierailijat valitsevat kategorian tai tagin, ja ruudukko päivittyy asynkronisesti ilman uudelleenlatausta. Suodattimien ryhmittely taksonomioiden mukaan.

Laajennettu lisäosatuki. WooCommerce, Easy Digital Downloads, Advanced Custom Fields, CMB2, The Events Calendar, näiden lisäosien metakentät ja tiedot ovat käytettävissä ruudukkokorteissa näytettäväksi.

Tarkista oma tilanteesi: jos sivusto on blogi, jossa on tusina kategoriaa ja vakiokorttimalli, ilmaisversio riittää mainiosti. Premium on perusteltu verkkokaupoille, katalogeille ja projekteille, joissa kortin ulkonäkö vaikuttaa suoraan konversioon.

Miten Post Grid asennetaan ja määritetään: vaiheittainen opas

Käyttöönotto tyhjästä toimivaan ruudukkoon vie 10 minuuttia. Vaiheet ovat samat ilmais- ja Premium-versioille.

Vaihe 1: lisäosan asennus

Mene WordPressin hallintapaneeliin, avaa Lisäosat → Lisää uusi. Kirjoita hakupalkkiin Post Grid, etsi PickPluginsin lisäosa ja napsauta Asenna nyt, sitten Aktivoi.

Aktivoinnin jälkeen vasempaan sivupalkkiin ilmestyy Post Grid -valikkokohta. Tämä on kaikkien ruudukoiden hallinnan keskus.

Vaihe 2: ensimmäisen ruudukon luominen

Napsauta Post Grid → Uusi Post Grid. Asetuskäyttöliittymä avautuu. Käy läpi neljä välilehteä:

Query Post. Valitse sisältötyyppi: post blogille, product WooCommercelle tai mukautettu tyyppi. Määritä kategoriat ja tagit suodatusta varten tarvittaessa. Aseta artikkelien määrä sivua kohden ja lajittelujärjestys.

Layout. Valitse tila: Grid, Slider tai Masonry. Määritä sarakkeiden määrä työpöydälle, tabletille ja mobiilille. Päätä, mitkä elementit kortissa näytetään: pienoiskuva, otsikko, päivämäärä, kirjoittaja, katkelma.

Styling. Ilmaisversiossa ovat käytettävissä värit, fontit, välit ja reunuksen pyöristys. Premiumissa täysi hallinta Style Components -toiminnon kautta.

Pagination. Valitse yksi viidestä tyypistä. Blogeille "Lataa lisää" tai ääretön vieritys on kätevä; verkkokaupoille klassinen numeroilla.

Napsauta Julkaise. Järjestelmä luo shortcoden, kuten [post_grid id="1234"].

Vaihe 3: ruudukon lisääminen sivulle

Kopioi shortcode. Avaa haluttu sivu editorissa, liitä shortcode Shortcode-lohkoon (Gutenberg) tai tekstieditoriin. Tallenna sivu ja esikatsele se, ruudukkosi on valmis.

Kehittäjille: shortcode toimii myös PHP-pohjissa: <?php echo do_shortcode('[post_grid id="1234"]'); ?>. Tämä on tavallinen WordPress-mekanismi, joten teemaristiriitoja ei ole.

Videoarvostelu: Post Grid toiminnassa

Lyhyt video kehittäjiltä näyttää asetuskäyttöliittymän ja valmiit ruudukot oikeilla sivustoilla. 11 minuuttia, joka säästää tunnin asetusten kanssa kokeilua:

⁉️🤔 Usein kysytyt kysymykset

Miten Post Grid eroaa Gutenbergin tavallisesta "Query Loop" -lohkosta?

Query Loop näyttää artikkelit, mutta siitä puuttuu joustavuus: ei suodatettavaa ruudukkoa, masonry-asettelua, liukusäädintä tai viittä sivutustyyppiä yhdessä käyttöliittymässä. Post Grid suunniteltiin nimenomaan kauniita esittelyjä, ei tavallista blogilistausta varten.

Tarvitsenko Premiumin pieneen blogiin, jossa on 3-5 kategoriaa?

Käytännössä et. Ilmaisversio kattaa ruudukon, liukusäätimen, AJAX-sivutuksen ja perustyylittelyn. Premium loistaa verkkokaupoissa ja katalogeissa: siellä tarvitset visuaalisen korttieditorin, masonryn ja tuoteattribuuttien suodattimet.

Aiheuttaako lisäosa ristiriitoja teemojen ja muiden lisäosien kanssa?

Yli 8 vuoden ja 30 000+ asennuksen aikana ristiriidat ovat harvinaisia. Splide.js liukusäädintä varten on eristetty, tyylit latautuvat tarkasti. Testisivustoilla, joissa on Astra, GeneratePress ja OceanWP, ei havaittu ongelmia. Jos teemasi ylikirjoittaa ruudukon tyylejä voimakkaasti, pari riviä CSS:ää korjaa tilanteen.

Voinko näyttää WooCommerce-arvostelut ja -hinnat ruudukkokortissa?

Ilmaisversiossa et, nämä metakentät ovat saatavilla vain Premiumissa (Layout Builder -välilehti). Ilmaisversiossa kortti näyttää tavalliset WordPress-kentät: otsikko, pienoiskuva, päivämäärä, kirjoittaja, katkelma.

Entä nopeus: hidastaako lisäosa sivustoa?

AJAX-sivutus lataa artikkelit WordPress REST API:n kautta, mikä voi kuormittaa palvelinta suurilla määrillä. Sivustoille, joissa on 1000+ artikkelia ruudukossa, määritä kyselyiden välimuistitus (WP Rocket tai LiteSpeed) ja rajoita artikkelien määrää sivua kohden. Itse lisäosa on kevyt: skriptit ja tyylit latautuvat vain sivuilla, joilla on shortcode.

Kannattaako Post Grid Premiumista maksaa vuonna 2026?

Lyhyesti: ilmaisversio on vankka työkalu blogeille ja aloitussivuille. Premium on niille, jotka rakentavat verkkokaupan esittelyä, katalogia tai portfoliota ja haluavat hallita kortin jokaista yksityiskohtaa ilman koodia.

Päätösmatriisi:

• Blogi, uutissivusto, artikkelikokoelma: ilmaisversio riittää. Määritä AJAX-sivutus ja kategoriafiltterit, niin lukijat eivät poistu sivulta kymmenen.
• WooCommerce-verkkokauppa, tuote-esittely: hanki Premium (Personal, $39/vuosi). Hintanäyttö, arvostelut ja "Lisää ostoskoriin" -painike kortissa sekä masonry erikorkuisille tuotteille.
• Portfolio, case-esittelyt, projektikatalogi: Premium on perusteltu, jos tarvitset mukautettuja korttimalleja. Ilmaisversiokin toimii, mutta perusulkoasulla.
• Asiakassivusto, joka tarvitsee visuaalisen editorin: Premium. React-rakennin ja vedä ja pudota -elementit säästävät hermoja ja tukiaikaa.

Lisäosaa ei ole päivitetty puoleen vuoteen? Kiinnitä huomiota viimeisimpään päivityspäivämäärään WordPress.org-sivulla. Jos lisäosaan ei ole koskettu yli kahteen vuoteen, se on punainen lippu mille tahansa työkalulle WordPress-ekosysteemissä. Post Gridin kohdalla kesäkuussa 2026 tämä ei ole ongelma: React-rakennin ilmestyi vuonna 2025, ja kehittäjä on aktiivinen.