Додали три нові типи записів на сайт і стандартний блог перетворився на кашу? Знайомо. Коли на WordPress працює не просто блог, а каталог, портфоліо чи магазин, стандартне виведення постів перестає справлятися вже на другому десятку сторінок.

Post Grid від PickPlugins вирішує це завдання без жодного рядка коду: будь-який тип запису, будь-який дизайн сітки, фільтри за категоріями та асинхронне підвантаження. Плагін безплатний, а нещодавно отримав повністю переписаний React-білдер, інтерфейс 2026 року, а не спадок 2015-го. На практиці безплатної версії вистачає для більшості сценаріїв, але Premium додає кілька можливостей, заради яких варто відкрити гаманець.

Нижче, чесний розбір: що вміє Post Grid, як його налаштувати за 10 хвилин і в яких випадках платити за Premium.

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

• Встановіть Post Grid із каталогу WordPress.org та активуйте
• Створіть першу сітку через візуальний білдер: виберіть тип записів, налаштуйте колонки та фільтри
• Скопіюйте шорткод [post_grid id="1234"] і вставте на будь-яку сторінку
• Для магазинів і портфоліо, оцініть фільтровану сітку та AJAX-пагінацію
• Вирішіть, чи потрібен Premium: шаблони з хмари, masonry і стилізація без CSS

Що таке Post Grid і які завдання він закриває

Post Grid — це плагін для виведення будь-яких типів записів WordPress у вигляді настроюваної сітки, слайдера або masonry-розкладки. Не лише стандартні пости блогу: WooCommerce-товари, портфоліо, події календаря, записи довільних типів, усе, що зареєстровано в системі.

Плагіну понад 8 років, і за цей час він набрав понад 30 000 активних установок на WordPress.org з рейтингом 4,3. На початку 2025 року вийшла версія на React-білдері: весь інтерфейс налаштування тепер у єдиному SPA-вікні, з живим прев’ю та перетягуванням елементів. Жодної магії з jQuery і купкою полів на різних вкладках.

Три головні сценарії, де Post Grid незамінний:

• Блог із великою кількістю рубрик. Налаштували одну сітку з фільтрами за категоріями та тегами, читач сам відсіює потрібне. AJAX-підвантаження позбавляє перезавантаження сторінки під час перемикання сторінок.
• Каталог товарів на WooCommerce. Красива вітрина з цінами, рейтингами та кнопкою «У кошик» прямо в картці товару. Masonry-розкладка для магазинів із товарами різної висоти.
• Портфоліо або кейси. Довільний тип запису «Проєкти», фільтр за технологіями або галузями, і сторінка портфоліо готова за 5 хвилин.

Безплатна версія: що в коробці

Безплатна версія на WordPress.org закриває більшу частину потреб. Ось що ви отримуєте одразу після активації:

Запити до бази. Плагін уміє вибирати записи будь-якого типу, включно з кількома типами одночасно. Фільтрація за категоріями, тегами, таксономіями та конкретними термінами. Сортування за датою, заголовком, довільними полями. Виключення або включення записів за ID.

Сітка, слайдер і masonry. Три режими відображення в одному плагіні. Слайдер працює на Splide.js, легкий, без конфліктів із темами. Налаштування колонок окремо під десктоп, планшет і мобільний.

П’ять типів пагінації. Класична з номерами сторінок, AJAX без перезавантаження, кнопки «Вперед-Назад», кнопка «Завантажити ще» та нескінченний скрол. Перемикання між типами, одне налаштування.

Медіаконтент у картках. Замість стандартних мініатюр можна виводити YouTube, Vimeo, Dailymotion і SoundCloud. Шрифтові іконки Font Awesome на місці ескізу.

Готові скіни. Три вбудовані теми оформлення плюс можливість задати свої кольори, відступи та шрифти через поля налаштувань.

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

Що додає Premium

Premium-ліцензія знімає обмеження та додає інструменти для тих, кому важлива кастомізація без коду. Ціни з офіційного сайту PickPlugins на червень 2026:

Ось що ви отримуєте додатково до безплатного функціоналу:

React-білдер із живим прев’ю. Інтерфейс у стилі Gutenberg: панель списку елементів, панель редагування та панель шаблонів в одному вікні. Змінюєте налаштування, одразу бачите результат. Жодних «зберегти та оновити сторінку».

Конструктор макетів (Layout Builder). Перетягуєте поля у візуальному редакторі та збираєте картку посту як потрібно: мініатюра ліворуч, заголовок і дата праворуч, мета-поля знизу. Змінюєте порядок, розміри та відступи мишею.

Бібліотека шаблонів із хмари. Готові професійні макети сіток під різні ніші. Вибрали шаблон, застосували, підправили кольори під бренд, готова сітка за пару кліків.

Просунута стилізація. Доступ до всіх CSS-властивостей і псевдоселекторів на кшталт :hover, ::before і ::after прямо з білдера. Можна стилізувати кожен елемент картки без файлу style.css.

Фільтрована сітка. Відвідувач вибирає категорію або тег, сітка оновлюється асинхронно, без перезавантаження. Групування фільтрів за таксономіями.

Розширена підтримка плагінів. WooCommerce, Easy Digital Downloads, Advanced Custom Fields, CMB2, The Events Calendar, мета-поля та дані цих плагінів доступні для виведення в картках сітки.

Перевірте свій сценарій: якщо сайт, блог із десятком рубрик і стандартним дизайном карток, безплатної версії вистачить із запасом. Premium виправданий для магазинів, каталогів і проєктів, де зовнішній вигляд картки безпосередньо впливає на конверсію.

Як встановити та налаштувати Post Grid: покрокова інструкція

Налаштування з нуля до робочої сітки займає 10 хвилин. Дії однакові для безплатної та Premium-версії.

Крок 1: встановлення плагіна

Зайдіть в адмінку WordPress, відкрийте Plugins → Add New. У рядку пошуку наберіть Post Grid, знайдіть плагін від PickPlugins і натисніть Install Now, потім Activate.

Після активації в лівому меню з’явиться пункт Post Grid. Це хаб управління всіма сітками.

Крок 2: створення першої сітки

Натисніть Post Grid → New Post Grid. Відкриється інтерфейс налаштування. Пройдіть чотирма вкладками:

Query Post (Запит). Виберіть тип записів: post для блогу, product для WooCommerce або довільний тип. Вкажіть категорії та теги для фільтрації, якщо потрібно. Задайте кількість елементів на сторінці та порядок сортування.

Layout (Розкладка). Виберіть режим: Grid, Slider або Masonry. Налаштуйте кількість колонок для десктопа, планшета та мобільного. Визначте, які елементи показувати в картці: мініатюру, заголовок, дату, автора, excerpt.

Стилізація. У безплатній версії доступні кольори, шрифти, відступи та радіус заокруглення. У Premium, повний контроль через Style Components.

Пагінація. Виберіть один із п’яти типів. Для блогів зручний «Load More» або нескінченний скрол, для магазинів, класична з номерами.

Натисніть Publish. Система видасть шорткод виду [post_grid id="1234"].

Крок 3: вставка сітки на сторінку

Скопіюйте шорткод. Відкрийте потрібну сторінку в редакторі, вставте шорткод у блок Shortcode (Gutenberg) або в текстовий редактор. Збережіть сторінку та відкрийте на перегляд, сітка готова.

Для розробників: шорткод працює і в PHP-шаблонах через <?php echo do_shortcode('[post_grid id="1234"]'); ?>. Це штатний механізм WordPress, конфліктів із темами не виникає.

Відеоогляд: Post Grid у роботі

Коротке відео від розробників показує інтерфейс налаштування та готові сітки на реальних сайтах. 11 хвилин, які зекономлять годину експериментів із налаштуваннями:

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

Чим Post Grid відрізняється від стандартного блоку «Query Loop» у Gutenberg?

Query Loop виводить записи, але не дає гнучкості: немає фільтрованої сітки, masonry-розкладки, слайдера та п’яти типів пагінації в одному інтерфейсі. Post Grid заточувався саме під красиві вітрини, а не під стандартне виведення блогу.

Чи потрібен Premium для невеликого блогу на 3-5 рубрик?

На практиці, ні. Безплатна версія покриває сітку, слайдер, AJAX-пагінацію та базову стилізацію. Premium розкривається на магазинах і каталогах: там потрібен візуальний редактор карток, masonry і фільтри за атрибутами товарів.

Плагін конфліктує з темами та іншими плагінами?

За 8 років і 30 000+ установок конфлікти поодинокі. Splide.js для слайдера ізольований, стилі підвантажуються точково. На тестовому сайті з Astra, GeneratePress і OceanWP проблем не помічено. Якщо ваша тема жорстко перевизначає сіткові стилі, виправляється парою рядків CSS.

Чи можна вивести рейтинг і ціну WooCommerce у картці сітки?

У безплатній версії, ні, ці мета-поля доступні лише в Premium (вкладка Layout Builder). У безплатній картка показує стандартні поля WordPress: заголовок, мініатюру, дату, автора, excerpt.

Що зі швидкістю: плагін гальмує сайт?

AJAX-пагінація підвантажує записи через WordPress REST API — це навантажує сервер за великих обсягів. Для сайтів із 1000+ записів у сітці налаштуйте кешування запитів (WP Rocket або LiteSpeed) і обмежте кількість елементів на сторінці. Сам плагін легкий: скрипти та стилі підвантажуються лише на сторінках, де є шорткод.

Чи варто платити за Post Grid Premium у 2026 році?

Якщо коротко: безплатна версія, міцний інструмент для блогів і лендингів. Premium потрібен тим, хто будує вітрину магазину, каталог або портфоліо та хоче керувати кожною деталлю картки без коду.

Матриця для швидкого рішення:

• Блог, новинний сайт, добірка статей, вистачить безплатної версії. Налаштуйте AJAX-пагінацію та фільтр за рубриками, і читач не піде з десятої сторінки.
• WooCommerce-магазин, вітрина товарів, беріть Premium (Personal, $39/рік). Виведення цін, рейтингів і кнопки «У кошик» у картці плюс masonry для товарів різної висоти.
• Портфоліо, кейси, каталог проєктів, Premium виправданий, якщо потрібен кастомний дизайн карток. Безплатна версія теж впорається, але з типовим зовнішнім виглядом.
• Сайт клієнта, якому потрібен візуальний редактор, Premium: React-білдер і перетягування елементів бережуть нерви та підтримку.

Плагін не оновлювався пів року? Зверніть увагу на дату останнього оновлення на сторінці WordPress.org. Якщо плагін не чіпали більше двох років — це червоний прапорець для будь-якого інструменту в екосистемі WordPress. З Post Grid на червень 2026 такої проблеми немає: React-білдер вийшов у 2025, розробник активний.