🧱 6 Wtyczek masonry layout dla WordPress 2026 (darmowe i premium)

Standardowa siatka WordPress wyrównuje posty do górnej krawędzi. Jeśli karty mają różną wysokość, między rzędami pojawiają się nieestetyczne luki. Odwiedzający widzi poszarpany rytm i po dziesięciu sekundach wychodzi.

Układ typu masonry rozwiązuje ten problem: elementy układają się jak cegły w murze, szerokość kolumn jest stała, a wysokość dopasowuje się do treści. Obrazy nie są przycinane, proporcje zostają zachowane, strona wygląda na gęstą i dopracowaną. Pinterest zbudował na tym cały swój interfejs.

Przetestowaliśmy 6 wtyczek masonry dla WordPressa w 2026 roku: trzy darmowe i trzy premium. Każdą sprawdziliśmy na WP 6.5+ z typowymi motywami i różnorodną treścią, bez konfliktów i grzebania w kodzie.

💡 Szybki przegląd:

• Zainstaluj Blog Designer lub The Post Grid, jeśli potrzebujesz masonry dla bloga, obie są darmowe i działają przez shortcode, druga była aktualizowana w czerwcu 2026 roku
• Do portfolio i case studies wybieraj między Essential Grid a Media Grid, filtry, animacje i deep linking od razu po instalacji, wizualny kreator bez kodowania
• Galerie obrazów twórz za pomocą FooGallery, masonry w wersji darmowej, 7 układów, aktualizacja w maju 2026 roku
• Portfolio Designer obsługuje scenariusz „zarówno portfolio, jak i blog" za pomocą jednej wtyczki przy minimalnych kosztach

Powyższe wideo omawia pięć popularnych wtyczek masonry dla WordPressa: od darmowych opcji dla blogów po rozwiązania premium dla portfolio. Przykłady układów pokazano na działających stronach.

1. Blog Designer

Wtyczka od Solwin Infotech przekształca standardową listę postów w siatkę masonry w pięć minut. Darmowa wersja oferuje 15 szablonów: Grid, Media Grid, Timeline i kilka wariantów masonry. Ostatnia aktualizacja miała miejsce w sierpniu 2024 roku.

W praktyce schemat jest prosty. Umieszczasz shortcode [wp_blog_designer] na dowolnej stronie, wybierasz szablon, a blog zyskuje układ masonry bez edycji motywu. Panel administracyjny jest intuicyjny: liczba postów na stronie, kolory tła, długość zajawki, przycisk Czytaj więcej, wszystko za pomocą suwaków i list wyboru.

Wtyczka działa z typowymi motywami i na WordPress 6.5 wykazuje stabilną kompatybilność. Dla bloga z obrazami o różnych proporcjach jest to działające rozwiązanie bez przepłacania. Kompatybilność międzyprzeglądarkowa i responsywność od razu po instalacji.

Zalety:

• 15 szablonów za darmo, w tym style masonry
• Shortcode [wp_blog_designer] działa na każdej stronie
• Kompatybilność międzyprzeglądarkowa i responsywność od razu po instalacji

Wady:

• Wersja Lite nie była dawno aktualizowana, brak gwarancji kompatybilności z WP 6.6+
• Niestandardowe typy wpisów nie są obsługiwane w wersji darmowej
• Funkcjonalność ograniczona do standardowych postów na blogu

Cena: Darmowa (Lite)

Pobierz: 🔗 Blog Designer na WordPress.org

2. Portfolio Designer

Również od Solwin Infotech, ale stworzona z myślą o portfolio. Darmowa wersja oferuje układy Grid i Masonry, cztery pozycje treści (na obrazie, poniżej, po lewej, po prawej) i 18 efektów hover. Wersja Pro rozszerza to do dziewięciu układów: dodano Justify, Slider, Slideshow, Cobble i karuzelę 3D.

Głównym atutem są niestandardowe typy wpisów. Tworzy Pan/Pani sekcję „Case studies" lub „Projekty" z miniaturami, obrazami, audio lub wideo. Shortcode [wp_portfolio_designer_lite] wyświetla siatkę masonry na dowolnej stronie. Dla freelancera lub małej agencji jest to sposób na pokazanie prac bez kreatora stron.

W wersji Pro pojawia się wsparcie dla WPBakery, Divi Builder i Elementor, plus fancybox i lightcase do okien pop-up. Filtrowanie według kategorii i tagów, przycisk Wczytaj więcej i automatyczne ładowanie. Jeśli portfolio stanowi główną treść witryny, wersja Pro jest uzasadniona. Ostatnia aktualizacja w sierpniu 2024 roku.

Zalety:

• Darmowa wersja z Grid i Masonry od razu po instalacji
• Niestandardowe typy wpisów z obrazami, audio i wideo
• 18 efektów hover w wersji Lite

Wady:

• Darmowa wersja jest minimalistyczna, tylko 2 układy
• Brak okien pop-up w wersji Lite
• Aktualizacje są rzadkie, ryzyko pozostania w tyle za rdzeniem WP

Cena: Darmowa (Lite), Pro $39

Pobierz: 🔗 Portfolio Designer Lite na WordPress.org

🔗 Wersja Pro na CodeCanyon

3. FooGallery

FooGallery od FooPlugins, wtyczka, która rozwija się najaktywniej w zestawieniu: 200 000+ aktywnych instalacji, ostatnie wydanie w maju 2026 roku. Siedem układów w wersji bezpłatnej: Responsive, Image Viewer, Masonry, Justified, Simple Portfolio, Single Thumbnail oraz Carousel. Masonry dostępny bez opłat.

Konfiguracja szybsza niż zaparzenie kawy. Przesyła Pan/Pani obrazy, wybiera szablon Masonry, określa liczbę kolumn (stałą lub automatyczną), odstępy. Lightbox jest wbudowany bezpłatnie, leniwe ładowanie również. Galerię tworzy się przez przeciąganie w wizualnym builderze z podglądem na żywo.

Wersja Pro dodaje układy Polaroid, Grid, Slider i Spotlight, 11 efektów hover, sortowanie według koloru i filtrowanie po tagach. Expert otwiera galerie wideo (YouTube, Vimeo, self-hosted), galerie dynamiczne z kategorii oraz metadane EXIF. Commerce integruje WooCommerce: sprzedaż zdjęć, znaki wodne, produkt główny.

Zalety:

• Masonry bezpłatnie, bez okrojeń
• 7 układów w wersji bezpłatnej
• Lightbox i leniwe ładowanie od razu po instalacji
• Aktywnie aktualizowana, maj 2026 roku

Wady:

• Galerie wideo tylko w wersji Expert
• Filtrowanie po tagach tylko w Pro
• Brak układów blogowych, tylko galerie

Cena: Bezpłatnie, plany płatne od 39,99 USD/rok

Pobierz: 🔗 FooGallery na WordPress.org

🔗 Wszystkie plany FooGallery

4. Essential Grid

Produkt od ThemePunch, tego samego zespołu, który stworzył Slider Revolution z milionami użytkowników. Essential Grid ma 400 000+ aktywnych instalacji. Trzy tryby układu: Even (równy), Masonry (ceglany mur) oraz Cobbled (patchworkowa mozaika). Każdy konfiguruje się wizualnie, bez kodu.

Builder z przeciąganiem jest interaktywny: przeciąga Pan/Pani elementy, zmienia rozmiary, siatka przelicza się natychmiast. Ponad pięćdziesiąt gotowych szablonów, od fotogalerii po witryny WooCommerce. Wbudowany wizualny edytor skórek pozwala zbudować własny motyw graficzny.

Ładowanie galerii jest szybkie i responsywne na wszystkich urządzeniach. Deep linking dla SEO, znaki wodne, ochrona przed prawym przyciskiem myszy. Automatyczny import treści z Instagrama, YouTube, Flickra, Vimeo. Filtrowanie, paginacja i wyszukiwanie bez przeładowania strony. Nie ma wersji bezpłatnej, ale 39 USD rocznie ze wsparciem to adekwatna cena za narzędzie tej klasy.

Zalety:

• 3 typy układu: Even, Masonry, Cobbled
• 50+ szablonów i wizualny edytor skórek
• Autoimport z mediów społecznościowych (Instagram, YouTube, Flickr)
• Deep linking dla SEO i ochrona treści

Wady:

• Brak wersji bezpłatnej
• Przedłużenie wsparcia po roku jest płatne
• Nadmiarowy, jeśli potrzebny jest tylko masonry do bloga

Cena: 39 USD/rok (wsparcie 12 miesięcy)

Pobierz: 🔗 Oficjalna strona Essential Grid

5. Media Grid

Najbardziej elastyczna wtyczka w zestawieniu pod kątem kompozycji. W przeciwieństwie do Essential Grid z trzema trybami, Media Grid oferuje całkowicie swobodną siatkę: definiuje Pan bloki o dowolnym rozmiarze i kształcie, a system układa je w masonry bez wiązania z wierszami czy kolumnami. Wersja 9.2.2 ukazała się w marcu 2026 roku i jest aktywnie wspierana.

Wizualny grid-builder, rdzeń wtyczki. Dwa tryby: Manual (pełna kontrola nad każdym elementem) i Dynamic (tworzy Pan podstawową strukturę, system automatycznie wypełnia bloki treścią z paginacją lub przetasowaniem). Czternaście typów elementów: statyczny, slider, wideo, audio, niestandardowy HTML, linked tile oraz spacer.

Lightbox oparty na CSS, szybki, zoptymalizowany pod SEO, z deeplinkingiem dla każdego elementu. Sześć wariantów paginacji: od strzałek po nieskończone przewijanie. Dziesięć presetów stylów do startu jednym kliknięciem. Obsługa dowolnych publicznych typów treści: pobierane są posty, produkty WooCommerce i obrazy z biblioteki mediów. Cena obejmuje 12 miesięcy aktualizacji.

Plusy:

• Całkowicie swobodna siatka, bez wiązania z wierszami
• 14 typów elementów, od statycznych po wideo
• Lightbox CSS z deeplinkingiem SEO
• Tryb Dynamic do automatycznego wypełniania siatki

Minusy:

• Brak darmowej wersji
• Stroma krzywa uczenia się, nie dla początkujących
• Rozwiązanie premium do zastosowań profesjonalnych

Cena: $35 (12 miesięcy wsparcia)

Pobierz: 🔗 Oficjalna strona Media Grid

6. The Post Grid

Najpopularniejsza wtyczka w zestawieniu: ponad 100 000 aktywnych instalacji i ocena 4,7 na 5. Twórca, RadiusTheme, aktualizuje ją niemal co miesiąc, ostatnie wydanie ukazało się w czerwcu 2026 roku. Darmowa wersja oferuje układ masonry, grid i list dla postów za pośrednictwem bloków Gutenberg, widżetów Elementor, modułów Divi i shortcode.

Query Builder zbiera posty według kategorii, tagów, autorów i dat. Dla każdego układu konfiguruje Pan czcionki, kolory, odstępy, wszystko w czasie rzeczywistym przez WordPress Customizer. Cztery typy paginacji, w tym Ajax Load More i nieskończone przewijanie w wersji Pro.

Wersja Pro dodaje niestandardowe typy treści, frontendowe przesyłanie postów, integrację z ChatGPT do generowania treści oraz ponad 90 gotowych sekcji. Osobny konstruktor stron archiwów (kategorie, tagi, autorzy) pozwala zaprojektować każdą stronę w swoim stylu. Dla serwisu informacyjnego lub magazynu to optymalny wybór.

Plusy:

• Ponad 100 tys. instalacji, ocena 4,7/5, aktualizacja z czerwca 2026 roku
• Darmowa wersja z masonry, grid i list
• Gutenberg + Elementor + Divi + shortcode
• Query Builder z elastyczną filtracją

Minusy:

• Niestandardowe typy treści tylko w Pro
• Paginacja Ajax i filtracja tylko w Pro
• Niektóre układy (np. Slider) tylko w Pro

Cena: Bezpłatnie (Lite), Pro $49

Pobierz: 🔗 The Post Grid na WordPress.org

🔗 Wersja Pro RadiusTheme

⁉️🤔 Często zadawane pytania

Po co mi masonry, skoro motyw już obsługuje grid?

Masonry rozwiązuje konkretny problem: gdy elementy mają różną wysokość (wpisy z krótkim i długim tekstem, obrazy w różnych formatach), grid zostawia dziury. Masonry podciąga elementy do góry, wypełniając puste przestrzenie. Motyw z siatką grid nie zrobi tego bez osobnej wtyczki, grid wyrównuje w rzędach, masonry, w pionie.

Czym masonry różni się od układu justified?

Masonry wyrównuje elementy pionowo w kolumnach: szerokość jest stała, wysokość różna. Justified (jak we Flickr) dopasowuje zarówno szerokość, jak i wysokość rzędów tak, aby rząd był całkowicie wypełniony. W masonry obrazy nie są przycinane, w justified czasem przycina się krawędzie. Dla portfolio masonry jest bezpieczniejszy.

Czy masonry jest potrzebny w wersji mobilnej?

Tak, ale z zastrzeżeniem. Na wąskich ekranach masonry degeneruje się do jednej lub dwóch kolumn, różnica w stosunku do zwykłego gridu zaciera się. Wszystkie wtyczki z zestawienia są responsywne: na urządzeniach mobilnych masonry automatycznie przechodzi w jedną kolumnę, bez przewijania poziomego i z czytelnymi obrazami.

Którą wtyczkę wybrać, jeśli potrzebuję tylko masonry do bloga?

Dwóch kandydatów. Bezpłatny Blog Designer, 15 szablonów, krótki shortcode, działa z dowolnymi motywami. Bezpłatny The Post Grid, nowocześniejszy, częściej aktualizowany, więcej ustawień. Jeśli budżet pozwala, wersja Pro The Post Grid obsługuje również strony archiwum i niestandardowe typy treści.

Czy można używać wtyczki masonry razem z wtyczką do cache?

Można i trzeba. Siatka masonry jest obliczana po stronie klienta za pomocą JavaScript, więc cache serwerowy (WP Rocket, W3 Total Cache) nie psuje układu. Leniwe ładowanie obrazów w FooGallery i Essential Grid działa równolegle z cache. Po wyczyszczeniu cache masonry sam się przelicza.

Co zrobić, jeśli wtyczka masonry koliduje z motywem?

Trzy kroki diagnostyczne. Pierwszy: wyłączyć AJAX-ową paginację motywu, to częste źródło konfliktów. Drugi: sprawdzić konsolę przeglądarki pod kątem błędów JS imagesLoaded lub masonry. Trzeci: przełączyć się na chwilę na standardowy motyw WordPress, jeśli masonry zadziała, konflikt leży po stronie motywu. The Post Grid i FooGallery najmniej cierpią z powodu konfliktów dzięki izolowanemu ładowaniu skryptów.

Którą wtyczkę masonry wybrać do swojego zadania

Sześć wtyczek pokrywa trzy główne scenariusze. Do bloga: Blog Designer (prostsza) lub The Post Grid (mocniejsza, aktualizacja czerwiec 2026 roku). Do galerii: FooGallery, darmowy masonry od razu po instalacji i aktywny support (aktualizacja maj 2026 roku). Do wszystkiego naraz: Essential Grid (premium, najbardziej dojrzała) lub Media Grid (maksymalna elastyczność kompozycji). Portfolio Designer to kompromis dla tych, którzy potrzebują zarówno portfolio, jak i bloga przy minimalnych kosztach.

Nie goni Pan/Pani za maksymalnym zestawem funkcji. Jeśli strona to blog z 50 wpisami, Blog Designer załatwi sprawę bez zbędnego kodu. Jeśli prowadzi Pan/Pani magazyn z 5000 artykułów i złożoną strukturą kategorii, proszę sięgnąć po The Post Grid Pro z kreatorem archiwum. A gdy trzeba zrobić wrażenie, Essential Grid z układem cobbled i live builderem.

Wszystkie bezpłatne wtyczki z zestawienia instaluje się z repozytorium WordPress w minutę: Blog Designer, Portfolio Designer, The Post Grid oraz FooGallery. Proszę wypróbować przed zakupem Pro. Proszę napisać w komentarzach, którą wtyczkę Pan/Pani wybrał/wybrała i do jakich zadań, ciekawie będzie porównać rzeczywiste doświadczenia.