Создаем адаптивную сетку записей на сайт Wordpress
Поведенческий фактор читателя, это, пожалуй, один из самых важных показателей для владельца сайта. Если посетитель пробыл на странице каких-либо 9 секунд, или количество переходов очень малое, то можно судить, что сайт оформлен не очень хорошо.
Чаще всего, для улучшения дизайна и навигации сайта пользователи CMS Wordpress используют различные плагины.
Post Grid
Сегодня мы поговорим о таком хорошем плагине как Post Grid. Этот удивительный плагин позволит сделать эффективные анонсы записей, постов, медиафайлов.
Он позволяет создать удивительную адаптивную сетку, в которой можно будет изменять размер анонсов, фон сетки, ее навигацию и многое другое.
Вертикальное расположение записей это классика любого сайта. Однако, такая последовательность не всегда удобна, если выводится множество записей на главную страницу. Это могут быть новостные сайты и т.д. И как раз Post Gird отлично справляется с этой задачей.
Установка и настройка
Установить данный плагин можно прямо из админ-панели. Для этого необходимо зайти в Плагины, и выбрать вкладку «Добавить новый». Там необходимо ввести название, установить и активировать его.
После того как он активирован, переходим на вкладку Post Gird — Layout Editor.
Затем, необходимо выбрать те элементы, которые мы желаем увидеть в анонсе записи. Чтобы их выбрать, нужно просто кликнуть по элементу, и он автоматически добавится в список. Основными из них являются:
Title, заголовок.
Excerpt, это кусок (отрывок) из записи.
Read more, продолжить чтение.
Thumbnail, изображение.
После добавления идем на страницу New Post Grid. Там вводим название нашей сетки. На первой странице будет шорткод. Его необходимо скопировать на страницу с будущей сеткой. Также есть код php. Он предназначен для интеграции в шаблон.
Заполнить остальные настройки не сложно. К ним относят:
Настройка типов постов (записи, медиафайлы).
Настройка количества записей, которые будут присутствовать в записи.
Запрет какой-либо записи.
Настройка ширины анонсов.
Выбор размера изображения.
Настройка расстояния между записями, цвета фота нашей сетки.
После того, как все настроено, жмем «Опубликовать». Копируем шорткод и вставляем на необходимую страницу. Вот и все. Сетка готова.
