Post Grid помогает оформить страницы записей wordpress сеткой, говоря иначе, разместить записи в две или три колонки, выводя анонсы с картинками. Плагин очень гибкий, настраивается легко и быстро.
Рассмотрим пример оформления главной страницы со всеми настройками новой версии плагина.
Устанавливаем Post Grid через админ-панель сайта обычным путем.
После установки в меню админки появится новый пункт меню. Нажимаем » New Post Grid «, в заголовок напишем «Главная».
Разберем настройки вкладки » Query Post «:
- Post types — тип поста, по умолчанию стоит запись. Кликнув по пустому месту поля ,можно выбрать другие типы.
- Post Taxonomies & terms — здесь можно отфильтровать, из каких рубрик или по каим меткам выводить записи.
- Taxonomies relation — выбираем И, ИЛИ. Допустим и по рубрикам и по меткам, или по рубрикам или по меткам.
- Post status — выбор статуса поста (опубликован, черновик и др.).
Прокручиваем ниже.
- Post query order — сортировка по возрастанию или убыванию.
- Post query orderby — выборка по дате, автору, ID и т.д.
- Query orderby meta key — использование меток.
- Posts per page — укажите количество записей.
- Exclude by post ID — тут можете указать ID записей, которые не хотите видеть в сетке.
- Search parameter — параметры поиска (не для начинающих).
Переходим на вкладку » Slin & Layout «:
- Content Layout — выбираем выравнивание текста. А нажав кнопку «Edit«, перемещаемся в редактор, где можно изменить стили заголовка, анонса и ссылки на прочтение.
- Skins — выбираем макет вывода.
Вкладка » Layout settings «:
- Grid items width — ширина ячейки для компьютера, планшета и смартфона. По умолчанию сетка состоит из двух колонок, но уменьшив данный размер, получим три колонки.
- Grid items height — высота ячейки для разных устройств. Можно выбрать автоматически, фиксированную и максимальную.
- Media height — высота картинки.
- Lazy load — выбираем и включаем значок загрузки.
- Grid items background color — выбираем цвет фона.
- Grid items margin — внешний отступ.
- Grid items padding — внутренний отступ.
Ниже пошли настройки графики.
Вкладка » Search Settings » — это настройки поиска. Отключаем.
Вкладка » Grid «. В бесплатной версии настроек нет.
Вкладка » Masonry » включает дополнительные стили сетки.
Вкладка «Pagination«. Настройки пагинации или постраничной навигации.
И последняя вкладка » Custom Scripts » для дополнительных скриптов и таблиц стилей.
После всех настроек жмем синею кнопку «Опубликовать«.
Теперь заходим в меню » Post Grid » и видим созданную нами сетку. Копируем шорткод в квадратных скобочках и размещаем его в пустую страницу, назвав её «Главная».
Не забываем выставить страницу главной, как рассказано в предыдущей статье.
Поделиться ссылкой: