Skip to content

Всё для WordPress, веб-разработки — и не только

🧱 6 плагинов masonry-раскладки для WordPress 2026 (бесплатные и премиум)

🧱 6 плагинов masonry-раскладки для WordPress 2026 (бесплатные и премиум)

Стандартная сетка 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 закрывает сценарий «и портфолио, и блог» одним плагином с минимумом затрат

Плагин

Бесплатная версия

Цена Pro

Тип контента

Раскладок

Blog Designer

Да

-

Блог, посты

3 masonry

Portfolio Designer

Да

$39

Портфолио, галерея

2 (Grid, Masonry)

FooGallery

Да (masonry вкл.)

от $39.99/год

Галерея изображений

7 бесплатных

Essential Grid

Нет

$39/год

Галерея, портфолио, WooCommerce

3 (Even, Masonry, Cobbled)

Media Grid

Нет

$35

Медиа-портфолио

Свободная сетка

The Post Grid

Да

$49

Посты, кастомные типы

Masonry, Grid, List

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

1. Blog Designer

Masonry-раскладка блога через плагин Blog Designer для WordPress

Плагин от 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

Grid и masonry-портфолио через плагин Portfolio Designer для WordPress

Тоже от 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

Masonry-галерея FooGallery для WordPress с drag-and-drop билдером

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

Настройка быстрее, чем заварить кофе. Загружаете картинки, выбираете Masonry-шаблон, выставляете число колонок (фиксированно или авто), отступы. Лайтбокс встроен бесплатно, ленивая загрузка тоже. Галерея собирается drag-and-drop в визуальном билдере с живым превью.

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

Галерея Essential Grid с masonry, even и cobbled раскладками от ThemePunch

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

Drag-and-drop билдер живой: перетаскиваете элементы, меняете размеры, сетка пересчитывается мгновенно. Пятьдесят с лишним готовых шаблонов, от фотогалерей до 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

Media Grid, свободная masonry-сетка для медиа-портфолио WordPress

Самый гибкий плагин в подборке по части компоновки. В отличие от 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

The Post Grid, masonry для постов с Gutenberg-блоками и Elementor-виджетами

Самый популярный плагин в подборке: 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. Напишите в комментариях, какой плагин выбрали и под какие задачи, интересно сравнить реальный опыт.