🧱 6 Muurausasettelulisäosaa WordPressille 2026 (ilmaiset ja maksulliset)

WordPressin oletusruudukko kohdistaa julkaisut yläreunan mukaan. Kun korttien korkeudet vaihtelevat, rivien väliin jää aukkoja. Vierailija näkee epätasaisen rytmin ja poistuu kymmenessä sekunnissa.

Masonry-asettelu ratkaisee ongelman: elementit ladotaan kuin tiiliseinä, sarakkeen leveys on kiinteä ja korkeus mukautuu sisältöön. Kuvia ei rajata, mittasuhteet säilyvät ja sivu näyttää tiiviiltä ja laadukkaalta. Pinterest rakensi koko käyttöliittymänsä tämän varaan.

Testasimme kuutta masonry-lisäosaa WordPressille vuonna 2026: kolmea ilmaista ja kolmea maksullista. Jokainen testattiin WP 6.5+ -versiolla, vakio-teemoilla ja vaihtelevalla sisällöllä ilman ristiriitoja tai koodikiertoteitä.

💡 Pikakatsaus:

• Asenna Blog Designer tai The Post Grid, jos tarvitset masonrya blogiin, molemmat ovat ilmaisia ja toimivat shortcodella, jälkimmäinen päivitettiin kesäkuussa 2026
• Portfolioihin ja case-esittelyihin valitse Essential Grid tai Media Grid, suodattimet, animaatiot ja deeplinkkaus suoraan paketista, visuaalinen rakentaja ilman koodia
• Rakenna kuvagallerioita FooGallerylla, masonry sisältyy ilmaisversioon, 7 asettelua, päivitys toukokuulta 2026
• Portfolio Designer kattaa "sekä portfolio että blogi" -skenaarion yhdellä lisäosalla pienin kustannuksin

Yllä oleva video esittelee viisi suosittua masonry-lisäosaa WordPressille: ilmaisista blogivaihtoehdoista maksullisiin portfolioratkaisuihin. Asetteluesimerkit näytetään live-sivustoilla.

1. Blog Designer

Solwin Infotechin lisäosa muuttaa tavallisen julkaisusyötteen masonry-ruudukoksi viidessä minuutissa. Ilmaisversio antaa 15 mallipohjaa: Grid, Media Grid, Timeline ja useita masonry-variantteja. Viimeisin päivitys julkaistiin elokuussa 2024.

Käytännössä kaava on yksinkertainen. Laita shortcode [wp_blog_designer] mille tahansa sivulle, valitse malli, ja blogi saa masonryn koskematta teemaan. Hallintapaneeli on intuitiivinen: julkaisujen määrä sivua kohti, taustavärit, katkelman pituus, Lue lisää -painike, kaikki liukusäätimillä ja valikoilla.

Lisäosa toimii vakio-teemojen kanssa ja WordPress 6.5:ssä näyttää vakaata yhteensopivuutta. Blogille, jossa on vaihtelevan kokoisia kuvia, tämä on toimiva ratkaisu ilman ylimääräisiä kuluja. Selainyhteensopivuus ja responsiivisuus suoraan paketista.

Plussat:

• 15 ilmaista mallipohjaa, mukaan lukien masonry-tyylit
• Shortcode [wp_blog_designer] toimii millä tahansa sivulla
• Selainyhteensopivuus ja responsiivisuus suoraan paketista

Miinukset:

• Lite-versiota ei ole päivitetty vähään aikaan, ei takuuta yhteensopivuudesta WP 6.6+ -version kanssa
• Mukautettuja julkaisutyyppejä ei tueta ilmaisversiossa
• Toiminnallisuus rajoittuu tavallisiin blogijulkaisuihin

Hinta: Ilmainen (Lite)

Lataa: 🔗 Blog Designer WordPress.orgissa

2. Portfolio Designer

Myös Solwin Infotechilta, mutta räätälöity portfolioille. Ilmaisversio tarjoaa Grid- ja Masonry-asettelut, neljä sisällön sijaintia (kuvan päällä, alla, vasemmalla, oikealla) ja 18 hover-efektiä. Pro-versio laajenee yhdeksään asetteluun: mukaan tulevat Justify, Slider, Slideshow, Cobble ja 3D-karuselli.

Ominaisuutena ovat mukautetut julkaisutyypit. Luo "Cases"- tai "Projektit"-osio, jossa on pikkukuvia, kuvia, ääntä tai videota. Shortcode [wp_portfolio_designer_lite] tulostaa masonry-ruudukon mille tahansa sivulle. Freelancerille tai pienelle toimistolle tämä on tapa esitellä töitä ilman sivurakentajaa.

Pro-versiossa tulee tuki WPBakerylle, Divi Builderille ja Elementorille sekä fancybox ja lightcase pop-up-ikkunoille. Suodatus kategorioiden ja tagien mukaan, Load More ja automaattinen lataus. Jos portfolio on sivuston pääsisältö, Pro-versio on perusteltu. Viimeisin päivitys elokuulta 2024.

Plussat:

• Ilmaisversio, jossa Grid ja Masonry suoraan paketista
• Mukautetut julkaisutyypit kuvilla, äänellä ja videolla
• 18 hover-efektiä Lite-versiossa

Miinukset:

• Ilmaisversio on minimaalinen, vain 2 asettelua
• Ei pop-up-ikkunoita Lite-versiossa
• Harvakseltaan päivityksiä, riski jäädä jälkeen WP:n ytimestä

Hinta: Ilmainen (Lite), Pro $39

Lataa: 🔗 Portfolio Designer Lite WordPress.orgissa

🔗 Pro-versio CodeCanyonissa

3. FooGallery

FooGallery FooPluginsilta, katsauksen aktiivisimmin kehitetty lisäosa: yli 200 000 aktiivista asennusta, viimeisin julkaisu toukokuussa 2026. Ilmaisversiossa on seitsemän asettelua: Responsiivinen, kuvankatselin, Masonry, tasattu, yksinkertainen portfolio, yksittäinen pikkukuva ja karuselli. Masonry on käytettävissä ilman maksua.

Asennus on nopeampaa kuin kahvin keittäminen. Lataa kuvat, valitse Masonry-pohja, aseta sarakkeiden määrä (kiinteä tai automaattinen) ja välistys. Valolaatikko on sisäänrakennettuna ilmaisversiossa, samoin lazy loading. Galleria kootaan raahaa ja pudota -periaatteella visuaalisessa rakentimessa, jossa on live-esikatselu.

Pro-versio tuo mukanaan Polaroid-, ruudukko-, liukusäädin- ja kohdevaloasettelut, 11 hover-efektiä, värilajittelun ja tagisuodatuksen. Expert avaa videogalleriat (YouTube, Vimeo, itse isännöity), dynaamiset galleriat kansioista ja EXIF-metatiedot. Kaupankäynti integroi WooCommercen: kuvamyynti, vesileimat, päätuote.

Hyvää:

• Masonry ilmaiseksi, ei rajoituksia
• 7 asettelua ilmaisversiossa
• Valolaatikko ja lazy loading suoraan paketista
• Aktiivisesti päivitetty, toukokuu 2026

Huonoa:

• Videogalleriat vain Expertissä
• Tagisuodatus vain Prossa
• Ei blogiasetteluja, vain gallerioita

Hinta: Ilmainen, maksulliset paketit alkaen $39,99/vuosi

Lataa: 🔗 FooGallery WordPress.orgissa

🔗 Kaikki FooGallery-paketit

4. Essential Grid

ThemePunchin tuote, saman tiimin, joka teki Slider Revolutionin miljoonine käyttäjineen. Essential Gridillä on yli 400 000 aktiivista asennusta. Kolme asettelutilaa: tasainen (yhtenäinen), Masonry (tiiliseinä) ja tilkkutäkki (mosaiikki). Jokainen määritetään visuaalisesti, ilman koodia.

Raahaa ja pudota -rakennin on live: vedä elementtejä, muuta kokoja, ruudukko laskee itsensä uudelleen välittömästi. Yli viisikymmentä valmista mallipohjaa, kuvagallerioista WooCommerce-näyteikkunoihin. Sisäänrakennetulla visuaalisella teemaeditorilla voit koota oman suunnitteluteemasi.

Gallerian lataus on nopea ja responsiivinen kaikilla laitteilla. Deep linking hakukoneoptimointia varten, vesileimat, hiiren oikean painikkeen suojaus. Automaattinen sisällön tuonti Instagramista, YouTubesta, Flickristä ja Vimeosta. Suodatus, sivutus ja haku ilman sivun uudelleenlatausta. Ilmaisversiota ei ole, mutta 39 dollaria vuodessa tuen kera on kohtuullinen hinta tämän tason työkalusta.

Hyvää:

• 3 asettelutyyppiä: tasainen, Masonry, tilkkutäkki
• 50+ mallipohjaa ja visuaalinen teemaeditori
• Automaattinen tuonti sosiaalisista verkostoista (Instagram, YouTube, Flickr)
• Deep linking hakukoneoptimointiin ja sisällön suojaus

Huonoa:

• Ei ilmaisversiota
• Tuen uusiminen vuoden jälkeen on maksullista
• Ylimitoitettu, jos tarvitset vain masonryn blogiin

Hinta: 39 $/vuosi (12 kuukauden tuki)

Lataa: 🔗 Essential Gridin virallinen sivusto

5. Media Grid

Tämän koonnin joustavin lisäosa asettelun suhteen. Toisin kuin Essential Grid kolmella tilallaan, Media Grid tarjoaa täysin vapaan ruudukon: aseta minkä tahansa kokoisia ja muotoisia lohkoja, järjestelmä rakentaa muurausasettelun sitomatta riveihin tai sarakkeisiin. Versio 9.2.2 julkaistiin maaliskuussa 2026, aktiivisesti tuettu.

Visuaalinen ruudukonrakennin, lisäosan ydin. Kaksi tilaa: Manual (täysi hallinta jokaisesta elementistä) ja Dynamic (luo perusrakenne, järjestelmä täyttää lohkot automaattisesti sisällöllä sivutuksen tai sekoituksen avulla). Neljätoista elementtityyppiä: staattinen, liukusäädin, video, ääni, mukautettu HTML, linkitetty laatta ja välistys.

Lightbox CSS:llä, nopea, SEO-optimoitu, ja jokaisella elementillä on deep link -osoite. Kuusi sivutusvaihtoehtoa: nuolista loputtomaan vieritykseen. Kymmenen tyylipohjaa, joilla pääsee alkuun yhdellä klikkauksella. Tuki kaikille julkisille sisältötyypeille: artikkelit, WooCommerce-tuotteet ja mediakirjaston kuvat haetaan mukaan. Hintaan sisältyy 12 kuukauden päivitykset.

Hyvää:

• Täysin vapaa ruudukko, ei sidottu riveihin
• 14 elementtityyppiä, staattisesta videoon
• CSS-lightbox SEO-deep link -osoitteilla
• Dynamic-tila ruudukon automaattiseen täyttöön

Huonoa:

• Ei ilmaisversiota
• Jyrkkä oppimiskäyrä, ei aloittelijoille
• Premium-ratkaisu ammattikäyttöön

Hinta: $35 (12 kuukauden tuki)

Lataa: 🔗 Media Gridin virallinen sivusto

6. The Post Grid

Tämän koonnin suosituin lisäosa: yli 100 000 aktiivista asennusta ja arvosana 4,7/5. Kehittäjä RadiusTheme päivittää sitä lähes kuukausittain, viimeisin julkaisu tuli kesäkuussa 2026. Ilmaisversio tarjoaa muurausasettelun, ruudukon ja listan artikkeleille Gutenberg-lohkojen, Elementor-widgettien, Divi-moduulien ja shortcoden kautta.

Query Builder kokoaa artikkelit kategorioiden, avainsanojen, kirjoittajien ja päivämäärien mukaan. Jokaiselle asettelulle määritetään fontit, värit ja välistykset, kaikki reaaliajassa WordPressin mukauttimen kautta. Neljä sivutustyyppiä, mukaan lukien Ajax Load More ja loputon vieritys Pro-versiossa.

Pro-versio lisää mukautetut sisältötyypit, artikkelien lähetyksen etusivulta, ChatGPT-integraation sisällöntuotantoon ja yli 90 valmista osiota. Erillisellä arkistosivujen rakentimella (kategoriat, avainsanat, kirjoittajat) voit tyylitellä jokaisen sivun omalla tavallaan. Uutissivustolle tai aikakauslehdelle tämä on optimaalinen valinta.

Hyvää:

• Yli 100 000 asennusta, arvosana 4,7/5, päivitys kesäkuussa 2026
• Ilmaisversio, jossa muurausasettelu, ruudukko ja lista
• Gutenberg + Elementor + Divi + shortcode
• Query Builder joustavalla suodatuksella

Huonoa:

• Mukautetut sisältötyypit vain Pro-versiossa
• Ajax-sivutus ja -suodatus vain Pro-versiossa
• Jotkin asettelut (esimerkiksi liukusäädin) vain Pro-versiossa

Hinta: Ilmainen (Lite), Pro $49

Lataa: 🔗 The Post Grid WordPress.orgissa

🔗 Pro-versio RadiusTheme

⁉️🤔 Usein kysytyt kysymykset

Miksi tarvitsen masonrya, jos teemassa on jo grid?

Masonry ratkaisee tietyn ongelman: kun elementtien korkeudet vaihtelevat (artikkeleissa on lyhyttä ja pitkää tekstiä, kuvat ovat eri muodoissa), grid jättää aukkoja. Masonry työntää elementtejä ylöspäin ja täyttää raot. Grid-pohjainen teema ei tee tätä ilman erillistä lisäosaa, grid tasaa rivien mukaan, masonry pystysuunnassa.

Miten masonry eroaa tasatusta asettelusta?

Masonry kohdistaa elementit pystysuunnassa sarakkeisiin: leveys on kiinteä, korkeus vaihtelee. Tasattu (kuten Flickr) säätää sekä leveyttä että rivin korkeutta niin, että rivi täyttyy kokonaan. Masonryssa kuvia ei rajata, tasatussa joskus reunoja leikataan. Portfolioille masonry on varmempi valinta.

Tarvitaanko masonrya mobiiliversiossa?

Kyllä, mutta tietyin varauksin. Kapeilla näytöillä masonry supistuu yhteen tai kahteen sarakkeeseen, jolloin ero tavalliseen gridiin hämärtyy. Kaikki vertailun lisäosat ovat responsiivisia: mobiilissa masonry vaihtaa automaattisesti yhteen sarakkeeseen, ilman vaakavieritystä ja luettavin kuvin.

Mikä lisäosa kannattaa hankkia, jos tarvitsen masonrya vain blogiin?

Kaksi ehdokasta. Ilmainen Blog Designer, 15 mallipohjaa, lyhyt shortcode, toimii minkä tahansa teeman kanssa. Ilmainen The Post Grid, modernimpi, päivittyy useammin, enemmän asetuksia. Jos budjetti sallii, The Post Gridin Pro-versio kattaa sekä arkistosivut että mukautetut tyypit.

Voinko käyttää masonry-lisäosaa yhdessä välimuistilisäosan kanssa?

Voit ja kannattaa. Masonry-grid lasketaan selainpäässä JavaScriptillä, joten palvelimen välimuisti (WP Rocket, W3 Total Cache) ei riko asettelua. Kuvien laiska lataus FooGalleryssa ja Essential Gridissä toimii rinnakkain välimuistin kanssa. Välimuistin tyhjennyksen jälkeen masonry laskee itsensä uudelleen.

Mitä tehdä, jos masonry-lisäosa on ristiriidassa teeman kanssa?

Kolme vianetsintävaihetta. Ensiksi: poista AJAX-sivutus käytöstä teemassa, yleinen ristiriitojen lähde. Toiseksi: tarkista selaimen konsolista imagesLoaded- tai masonry-JS-virheet. Kolmanneksi: vaihda hetkeksi vakio-WordPress-teemaan, jos masonry toimii, ristiriita on teemassa. The Post Grid ja FooGallery kärsivät vähiten ristiriidoista eristetyn skriptien latauksen ansiosta.

Mikä masonry-lisäosa kannattaa valita omaan tarpeeseen

Kuusi lisäosaa kattaa kolme pääasiallista käyttötapausta. Blogiin: Blog Designer (yksinkertaisempi) tai The Post Grid (tehokkaampi, päivitys kesäkuu 2026). Gallerioihin: FooGallery, ilmainen masonry suoraan paketista ja aktiivinen tuki (päivitys toukokuu 2026). Kaikkeen kerralla: Essential Grid (maksullinen, kypsin) tai Media Grid (maksimaalinen asettelun joustavuus). Portfolio Designer, kompromissi niille, jotka tarvitsevat sekä portfolion että blogin mahdollisimman pienin kustannuksin.

Älä tavoittele maksimaalista ominaisuusvalikoimaa. Jos sivusto on blogi, jossa on 50 artikkelia, Blog Designer hoitaa tehtävän ilman ylimääräistä koodia. Jos sinulla on aikakauslehti, jossa on 5000 artikkelia ja monimutkainen luokittelu, valitse The Post Grid Pro arkistonrakentajalla. Ja kun haluat tehdä vaikutuksen, Essential Grid mukulakiviasettelulla ja live-rakentajalla.

Kaikki vertailun ilmaiset lisäosat asentuvat WordPressin lisäosavarastosta minuutissa: Blog Designer, Portfolio Designer, The Post Grid ja FooGallery. Kokeile ennen Pron ostamista. Kerro kommenteissa, minkä lisäosan valitsit ja mihin tehtäviin, kiinnostavaa vertailla todellisia kokemuksia.