Стандартна сітка WordPress вирівнює пости за верхнім краєм. Якщо висота карток різна, між рядами зяють порожнечі. Відвідувач бачить рваний ритм і за десять секунд іде.

Masonry-розкладка вирішує проблему: елементи укладаються цегляною кладкою, ширина колонок фіксована, висота підлаштовується під контент. Зображення не обрізаються, пропорції зберігаються, сторінка виглядає щільно й дорого. Pinterest побудував на цьому весь інтерфейс.

Ми протестували 6 плагінів masonry для WordPress у 2026 році: три безплатні та три преміум. Кожен перевірено на WP 6.5+ із типовими темами та різним контентом, без конфліктів і танців із кодом.

💡 Швидкий огляд:

• Поставте Blog Designer або The Post Grid, якщо потрібен masonry для блогу, обидва безплатні й працюють через шорткод, другий оновлювався в червні 2026 року
• Для портфоліо та кейсів обирайте між Essential Grid і Media Grid, фільтри, анімації та деплінкінг з коробки, візуальний білдер без коду
• Галереї зображень збирайте через FooGallery, masonry у безплатній версії, 7 розкладок, оновлення травень 2026 року
• Portfolio Designer закриває сценарій «і портфоліо, і блог» одним плагіном із мінімумом витрат

Відео вище розбирає пʼять популярних masonry-плагінів для WordPress: від безплатних варіантів для блогів до преміум-рішень для портфоліо. Приклади розкладок показано на живих сайтах.

1. Blog Designer

Плагін від Solwin Infotech перетворює стандартну стрічку постів на masonry-сітку за пʼять хвилин. Безплатна версія дає 15 шаблонів: Grid, Media Grid, Timeline і кілька masonry-варіантів. Останнє оновлення вийшло в серпні 2024 року.

На практиці схема проста. Ставите шорткод [wp_blog_designer] на будь-яку сторінку, обираєте шаблон, блог отримує masonry без правлення теми. Панель адміністратора інтуїтивна: кількість постів на сторінці, кольори фону, довжина сніпета, кнопка Read More, усе повзунками й селектами.

Плагін працює з типовими темами та на WordPress 6.5 показує стабільну сумісність. Для блогу з різномасштабними зображеннями це робоче рішення без переплат. Кросбраузерна сумісність і адаптив із коробки.

Плюси:

• 15 шаблонів безплатно, включно з masonry-стилями
• Шорткод [wp_blog_designer] працює на будь-якій сторінці
• Кросбраузерна сумісність і адаптив із коробки

Мінуси:

• Lite-версія давно не оновлювалася, немає гарантії сумісності з WP 6.6+
• Кастомні типи записів у безплатній версії не підтримуються
• Функціонал обмежений стандартними постами блогу

Ціна: Безплатно (Lite)

Завантажити: 🔗 Blog Designer на WordPress.org

2. Portfolio Designer

Теж від Solwin Infotech, але заточений під портфоліо. Безплатна версія дає розкладки Grid і Masonry, чотири позиції контенту (поверх картинки, знизу, ліворуч, праворуч) і 18 hover-ефектів. Pro-версія розширює до девʼяти розкладок: додаються Justify, Slider, Slideshow, Cobble і 3D-карусель.

Фішка в кастомних типах записів. Створюєте розділ «Кейси» або «Проєкти» з мініатюрами, картинками, аудіо чи відео. Шорткод [wp_portfolio_designer_lite] виводить masonry-сітку на будь-якій сторінці. Для фрилансера або невеликої агенції спосіб показати роботи без конструктора сторінок.

У Pro зʼявляється підтримка WPBakery, Divi Builder та Elementor, плюс fancybox і lightcase для попапів. Фільтрація за категоріями й тегами, Load More та автопідвантаження. Якщо портфоліо, основний контент сайту, Pro-версія виправдана. Останнє оновлення серпень 2024 року.

Плюси:

• Безплатна версія з Grid і Masonry з коробки
• Кастомні типи записів із картинками, аудіо та відео
• 18 hover-ефектів у Lite

Мінуси:

• Безплатна версія мінімалістична, лише 2 розкладки
• Немає попапів у Lite
• Оновлення нечасті, ризик відставання від ядра WP

Ціна: Безплатно (Lite), Pro $39

Завантажити: 🔗 Portfolio Designer Lite на WordPress.org

🔗 Pro-версія на CodeCanyon

3. FooGallery

FooGallery від FooPlugins, плагін, що найактивніше розвивається в добірці: 200 000+ активних установок, останній реліз у травні 2026 року. Сім розкладок у безплатній версії: Responsive, Image Viewer, Masonry, Justified, Simple Portfolio, Single Thumbnail та Carousel. Masonry доступний без оплати.

Налаштування швидше, ніж зварити каву. Завантажуєте зображення, обираєте шаблон Masonry, задаєте кількість колонок (фіксовано або авто), відступи. Лайтбокс вбудовано безплатно, ліниве завантаження також. Галерея збирається перетягуванням у візуальному білдері з живим попереднім переглядом.

Pro-версія додає розкладки Polaroid, Grid, Slider та Spotlight, 11 hover-ефектів, сортування за кольором і фільтрацію за тегами. Expert відкриває відеогалереї (YouTube, Vimeo, self-hosted), динамічні галереї з тек і метадані EXIF. Commerce інтегрує WooCommerce: продаж фото, водяні знаки, майстер-продукт.

Плюси:

• Masonry безплатно, без урізання
• 7 розкладок у безплатній версії
• Лайтбокс і ліниве завантаження з коробки
• Активно оновлюється, травень 2026 року

Мінуси:

• Відеогалереї лише в Expert
• Фільтрація за тегами лише Pro
• Немає блогових розкладок, тільки галереї

Ціна: Безплатно, платні тарифи від $39.99/рік

Завантажити: 🔗 FooGallery на WordPress.org

🔗 Усі тарифи FooGallery

4. Essential Grid

Продукт від ThemePunch, тієї самої команди, що створила Slider Revolution із мільйонами користувачів. Essential Grid має 400 000+ активних установок. Три режими розкладки: Even (рівна), Masonry (цегляна кладка) та Cobbled (клаптева мозаїка). Кожен налаштовується візуально, без коду.

Білдер із перетягуванням живий: перетягуєте елементи, змінюєте розміри, сітка перераховується миттєво. Понад п’ятдесят готових шаблонів, від фотогалерей до вітрин WooCommerce. Вбудований візуальний редактор скінів дає змогу зібрати власну тему оформлення.

Завантаження галерей швидке й адаптивне на всіх пристроях. Deep linking для SEO, водяні знаки, захист від правої кнопки миші. Автоматичний імпорт контенту з Instagram, YouTube, Flickr, Vimeo. Фільтрація, пагінація та пошук без перезавантаження сторінки. Безплатної версії немає, але $39 на рік з підтримкою, адекватна ціна за інструмент такого рівня.

Плюси:

• 3 типи розкладки: Even, Masonry, Cobbled
• 50+ шаблонів і візуальний редактор скінів
• Автоімпорт із соцмереж (Instagram, YouTube, Flickr)
• Deep linking для SEO та захист контенту

Мінуси:

• Немає безплатної версії
• Продовження підтримки через рік платне
• Надлишковий, якщо потрібен лише masonry для блогу

Ціна: $39/рік (підтримка 12 місяців)

Завантажити: 🔗 Офіційний сайт Essential Grid

5. Media Grid

Найгнучкіший плагін у добірці щодо компонування. На відміну від Essential Grid із трьома режимами, Media Grid пропонує повністю вільну сітку: задаєте блоки будь-якого розміру та форми, система збирає masonry без прив’язки до рядів чи колонок. Версія 9.2.2 вийшла в березні 2026 року, активно підтримується.

Візуальний grid-білдер, ядро плагіна. Два режими: Manual (повний контроль над кожним елементом) і Dynamic (створюєте базову структуру, система автоматично заповнює блоки контентом із пагінацією або перемішуванням). Чотирнадцять типів елементів: статика, слайдер, відео, аудіо, кастомний HTML, linked tile та спейсер.

Лайтбокс на CSS, швидкий, SEO-оптимізований, із деплінкінгом для кожного елемента. Шість варіантів пагінації: від стрілок до нескінченного скролу. Десять пресетів стилів для старту в один клік. Підтримка будь-яких публічних post type: підтягуються пости, товари WooCommerce і зображення з медіабібліотеки. Ціна включає 12 місяців оновлень.

Плюси:

• Повністю вільна сітка, без прив’язки до рядів
• 14 типів елементів, від статики до відео
• CSS-лайтбокс із SEO-деплінкінгом
• Dynamic-режим для автозаповнення сітки

Мінуси:

• Немає безплатної версії
• Крута крива навчання, не для новачків
• Преміальне рішення для професійного використання

Ціна: $35 (12 місяців підтримки)

Завантажити: 🔗 Офіційний сайт Media Grid

6. The Post Grid

Найпопулярніший плагін у добірці: 100 000+ активних встановлень і рейтинг 4,7 з 5. Розробник RadiusTheme оновлює його майже щомісяця, останній реліз вийшов у червні 2026 року. Безплатна версія дає masonry-розкладку, grid і list для постів через Gutenberg-блоки, Elementor-віджети, Divi-модулі та шорткод.

Query Builder збирає пости за категоріями, тегами, авторами та датами. Для кожної розкладки налаштовуються шрифти, кольори, відступи, усе в реальному часі через WordPress Customizer. Чотири типи пагінації, включно з Ajax Load More та нескінченним скролом у Pro.

Pro-версія додає кастомні типи записів, фронтенд-сабміт постів, ChatGPT-інтеграцію для генерації контенту та 90+ готових секцій. Окремий конструктор сторінок архівів (категорії, теги, автори) дає змогу оформити кожну сторінку у своєму стилі. Для новинного сайту чи журналу оптимальний вибір.

Плюси:

• 100K+ встановлень, рейтинг 4,7/5, оновлення червень 2026 року
• Безплатна версія з masonry, grid і list
• Gutenberg + Elementor + Divi + шорткод
• Query Builder із гнучкою фільтрацією

Мінуси:

• Кастомні типи записів лише в Pro
• Ajax-пагінація та фільтрація лише Pro
• Деякі розкладки (наприклад Slider) лише в Pro

Ціна: Безкоштовно (Lite), Pro $49

Завантажити: 🔗 The Post Grid на WordPress.org

🔗 Pro-версія RadiusTheme

⁉️🤔 Часті запитання

Навіщо потрібен masonry, якщо тема вже вміє grid?

Masonry вирішує конкретну проблему: коли висота елементів різна (дописи з коротким і довгим текстом, зображення різного формату), grid залишає дірки. Masonry підтискає елементи вгору, заповнюючи порожнечі. Тема з grid-сіткою цього не зробить без окремого плагіна, grid вирівнює по рядах, masonry, по вертикалі.

Чим masonry відрізняється від justified-розкладки?

Masonry вирівнює елементи по вертикалі колонками: ширина фіксована, висота різна. Justified (як Flickr) підганяє і ширину, і висоту рядків так, щоб ряд заповнився повністю. У masonry зображення не обрізаються, у justified іноді підрізаються краї. Для портфоліо masonry безпечніший.

Чи потрібен masonry для мобільної версії?

Так, але із застереженням. На вузьких екранах masonry вироджується в одну-дві колонки, різниця зі звичайним grid стирається. Усі плагіни з добірки адаптивні: на мобільних masonry переходить в одну колонку автоматично, без горизонтального скролу та з читабельними зображеннями.

Який плагін взяти, якщо потрібен лише masonry для блогу?

Два кандидати. Безкоштовний Blog Designer, 15 шаблонів, короткий шорткод, працює з будь-якими темами. Безкоштовний The Post Grid, сучасніший, частіше оновлюється, більше налаштувань. Якщо бюджет дозволяє, Pro-версія The Post Grid закриває і архівні сторінки, і кастомні типи.

Чи можна використовувати masonry-плагін разом із плагіном кешування?

Можна і потрібно. Masonry-сітка обчислюється на клієнті через JavaScript, тому серверний кеш (WP Rocket, W3 Total Cache) не ламає розкладку. Ліниве завантаження зображень у FooGallery та Essential Grid працює паралельно з кешуванням. Після очищення кешу masonry перераховується сам.

Що робити, якщо плагін masonry конфліктує з темою?

Три кроки діагностики. Перший: вимкнути AJAX-пагінацію теми, часте джерело конфліктів. Другий: перевірити консоль браузера на помилки imagesLoaded або masonry JS. Третій: перемкнутися на стандартну тему WordPress на хвилину, якщо masonry запрацював, конфлікт у темі. The Post Grid і FooGallery найменше потерпають від конфліктів завдяки ізольованому завантаженню скриптів.

Який плагін masonry взяти під своє завдання

Шість плагінів закривають три основні сценарії. Для блогу: Blog Designer (простіше) або The Post Grid (потужніше, оновлення червень 2026 року). Для галерей: FooGallery, безкоштовний masonry з коробки й активна підтримка (оновлення травень 2026 року). Для всього одразу: Essential Grid (преміум, найзріліший) або Media Grid (максимальна гнучкість компонування). Portfolio Designer, компроміс для тих, кому потрібно і портфоліо, і блог із мінімумом витрат.

Не женіться за максимальним набором функцій. Якщо сайт — це блог із 50 дописами, Blog Designer закриє завдання без зайвого коду. Якщо у вас журнал із 5000 статей і складною рубрикацією, The Post Grid Pro з архівним конструктором. А коли потрібно дивувати, Essential Grid із cobbled-розкладкою та живим білдером.

Усі безкоштовні плагіни з добірки встановлюються з репозиторію WordPress за хвилину: Blog Designer, Portfolio Designer, The Post Grid та FooGallery. Спробуйте до купівлі Pro. Напишіть у коментарях, який плагін обрали та під які завдання, цікаво порівняти реальний досвід.