amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Плагины

Плагин для записей на WordPress: выводим посты в виде сетки

Стандартный вывод записей вашего шаблона можно улучшить, сделав его в виде сетки, в которой будет отображаться контент разного типа. Для этой цели создан плагин для записей Essential Grid. Он способен создавать настраиваемую сетку, в которой вы сможете размещать разный контент, в том числе и посты.

Данное решение может найти разное применение. Например, вы можете создать галерею, разместить информацию о продаваемых товарах или сделать ленту новостей.

Плагин для записей Essential Grid

Данный плагин для записей обладает впечатляющими возможностями. Смотрите сами:

простота в использовании;
гибкое применение, может быть настроен под различные цели;
адаптивные grid-шаблоны;
возможность настройки рядов колонок их отступов и т.д;
возможность размещения медиаконтента, в том числе и видео;
источником контента могут стать страницы, записи, галереи;
наличие набора анимационных и hover-эффектов;
одинаково корректное отображение сетки на разных платформах;
в наличии более 25 вариантов оформления сетки контента;
возможность редактирования и создания собственной сетки. Наличие визуального редактора;
возможность вывода контента на странице с помощью шорткода или виджета для боковой панели;
наличие видеоинструкции;

После установки и активации плагина в консоли появится новый пункт, состоящий из трех разделов, первый из которых отвечает за наполнение контентом, второй для настройки сетки, третий за настройку шрифтов. Для создания сетки нажмите на кнопку «Create new Ess.Grid».

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

Вы можете выбрать источник контента. Это могут быть записи, страницы, или пользовательский контент. Вы можете настроить отображение сетки до малейших деталей. Также есть возможность настроить анимационные переходы. Присутствует технология lightBox.

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

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

Адель Гадельшин