Vova's Post Grids

Описание

Vova’s Post Grids — нативный блок Gutenberg для создания адаптивных сеток записей непосредственно в редакторе WordPress.

Создайте динамический запрос или выберите отдельные записи вручную, а затем точно настройте результат без изменения кода.

Гибкие запросы содержимого

Создавайте запросы к любому общедоступному типу записей и его общедоступным таксономиям. Фильтруйте содержимое по терминам таксономии, ключевым словам, автору, диапазону дат, наличию изображения записи или произвольным полям. Управляйте сортировкой, закреплёнными записями, исключением текущей записи и количеством записей на странице.

Адаптивные макеты

Независимо задавайте количество колонок для компьютеров, планшетов и мобильных устройств. Изменяйте интервалы по горизонтали и вертикали, чтобы создавать классические сетки, редакционные макеты, компактные ленты или галереи с акцентом на изображениях.

Полное управление карточками

Меняйте порядок или скрывайте изображение записи, заголовок, метаданные, отрывок и ссылку «Читать далее». Настраивайте оформление изображений, типографику, цвета, интервалы, длину отрывка, метаданные, метки таксономий и оформление ссылок.

Плавная AJAX-пагинация

Добавьте пагинацию с номерами страниц или кнопками «Назад» и «Далее». Блок загружает каждую выбранную страницу через REST API WordPress и обновляет сетку без перезагрузки всей страницы.

Нативный, бесплатный и с открытым исходным кодом

Блок использует API данных WordPress, серверный рендеринг и основные компоненты редактора. Все возможности доступны бесплатно: нет Pro-версии, пробного периода, учётной записи или внешнего сервиса. Vova’s Post Grids распространяется по лицензии GPL-2.0-or-later и может использоваться на коммерческих сайтах.

Исходный код и выпуски проекта доступны на GitHub.

Разработка

Архив выпуска содержит читаемый исходный код блока и зафиксированные метаданные зависимостей npm.

1. Установите Node.js и npm, затем выполните npm ci.
2. Установите WP-CLI с доступной командой i18n.
3. Выполните npm run build, чтобы скомпилировать ресурсы для рабочей среды и заново создать шаблон перевода.
4. Выполните npm run lint:js и npm run lint:css, чтобы проверить код JavaScript и таблицы стилей.
5. Установите зависимости Composer для разработки и выполните npm run lint:php, чтобы проверить совместимость с WordPress и PHP 7.4.
6. Выполните npm run export, чтобы собрать проект и создать ZIP-архив выпуска в dist/.