Урок 84. Отображение постов сеткой с помощью плагинов

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

uSquare. Премиум плагин, который легко установить и использовать. Он позволит создавать неограниченное количество сеток, в которые можно добавлять посты или записи, причем их порядок можно менять drag-and-drop интерфейсом. Данный плагин интересен и тем, что в нем есть возможность перенаправления пользователя на пост или страницу при нажатии на ссылку внутри сетки. Также предусмотрен вывод нового окна с дополнительной информацией и настройка способов вывода изображения. Вот почему сфера применения у данного решения большая: галерея изображений, вывод постов и иконок, продукции, профилей сотрудников и т.д.

Essential Grid. Еще один премиум-плагин, который позволяет отображать контент в адаптивной сетке. Он позволяет отображать контент разного формата, поэтому нередко используется при создании блогов, портфолио, различных галерей, магазинов WooCommerce, таблиц услуг, цен, отзывов и продукции.

UberGrid. Мощный плагин, предлагающий адаптивную сетку-галерею из квадратных элементов, которые можно выбрать вручную или же предоставить плагину автоматическое упорядочивание постов. Поддерживает работу с кастомными постами, созданными другими плагинами. Плагин тоже платный.

Metro. Данный плагин представляет собой сетку для портфолио, он может отображать одну галерею или галереи из категорий. Поддерживается кастомный размер изображения, Metro UI, SoundCloud, пользовательская ссылка, видео и т.д. Также есть поддержка неограниченной палитры цветов. Платный.

Justified Image Grid. Адаптивный плагин, который посредством jQuery выравнивает эскизы по сетке аналогично тому, как это реализовано в гугловском поиске изображений. Плагин платный, но отличается немалым количеством функций и различных возможностей.

Grid Layout Shock. Бесплатный инструмент для разметки, но содержит большое количество возможностей. В плагине можно менять шрифт, размер заголовка, размер содержания, размер каждой ячейки. Можно использовать кнопку «читать далее», настраивать ее цвет. Поддерживается выбор источников данных для таксономии, типов постов RSS-каналов и т.д. Вы также можете определить количество элементов для отображения. Единственный недостаток бесплатной версии – разметка не будет реагировать на размер дисплея пользователя. Но есть и платные версии с еще более продвинутым функционалом.

Gridster. Очень простой бесплатный плагин для создания разметки. Для использования достаточно перетаскивать элементы из списка страниц и постов в нужные ячейки, размещая, таким образом, контент на сайте. После создания сетки можно поместить ее на страницы сайта посредством вставки шорткода или же воспользовавшись значком, который можно добавить в меню после редактирования. В настройках можно задавать ширину, высоту сетки, ее границы и т.д. Можно редактировать названия и отрывки, поддерживается drag and drop интерфейс. Ну а если вам потребуется специальное облочное хранилище для работы с базами 1С, тогда вы попали по адресу. Вы можете попробовать бесплатно прямо сейчас.

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