Essential Grid: подробный обзор и обзор

ThemePunch делает одни из самых популярных плагинов для WordPress. Essential Grid - один из лидеров в их библиотеке, наряду со Slider Revolution . Со временем Essential Grid стал одним из самых популярных и успешных плагинов на CodeCanyon. Поэтому мы хотели выделить плагин и дать вам возможность решить, может ли он улучшить ваши сайты.

Essential Grid

Плагины сетки не редкость. Фактически, в нашем собственном конструкторе Divi есть модуль Portfolio, который служит для этой цели. Но Essential Grid выходит далеко за рамки того, что сделали большинство других плагинов для сетки, поэтому даже после того, как многие темы включают свои собственные шаблоны сетки, люди по-прежнему покупают лицензии EG каждый божий день.

Простое использование оригинального рекламного объявления расскажет вам, что вы можете делать с EG:

Essential Grid Gallery - это премиальный плагин для WordPress, который позволяет отображать различные форматы контента в настраиваемой сетке галереи. Возможные приложения варьируются от портфолио, блогов, галерей, магазинов WooCommerce, таблиц цен, услуг, слайдеров продуктов, Instagram, YouTube, отзывов и всего, что вы можете себе представить.

Но то, о чем не говорится в их рекламном ролике, - это только то, из чего состоит вся эта настройка. Это наша работа, и мы намерены ее выполнять. Так что давайте копнем и посмотрим, о чем идет речь.

Начиная

Прежде всего, помните, что это плагин премиум-класса. Вам нужно будет зайти на CodeCanyon и получить загрузку за 27 долларов США. Затем пройдите процесс установки вручную ( Плагины - Добавить новый - Загрузить ). На данный момент у вас будет 3 новых элемента на панели администратора WordPress: Ess. Сетка , Перфорированные шрифты и Ess. Сообщения с примерами сетки . Для начала рассмотрим простой Ess. Сетка .

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

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

Редактор скинов предметов

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

Здесь EG дает вам возможность сортировать с помощью вкладки для различных типов элементов сетки. (Даже интервалы, дизайн масонства, сообщения или сетки продуктов WooCommerce.) Когда вы наводите курсор на каждую из них, она будет анимировать и отображать заголовки, отрывки, цветные наложения и т. Д., Которые вы можете настроить, щелкнув значок зеленой шестеренки .

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

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

Внизу страницы вы видите с высоты птичьего полета каждый слой, к которому у вас есть доступ, и его текущий стиль.

Мета-данные и настройки поиска

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

Вы можете сделать то же самое в настройках поиска , но для (как вы уже догадались) поиска. EG также работает как страница результатов поиска, поэтому, если вас не устраивает то, как ваши обычные архивы и такой вид, это отличный способ быстро их исправить.

Глобальные настройки

Как и звучит, глобальные настройки охватывают все ваши базы. Вы можете установить разрешения для того, кто может изменять и редактировать сетки, как загружаются шрифты и JavaScript, что вы делаете для кэширования, откуда вы получаете значки, устанавливаете изображение по умолчанию для элементов сетки и так далее. Если он применяется ко всему плагину, а не к одному элементу, например, только для скинов, вы сможете найти его здесь. Впечатляющая часть - это контроль, который вы получаете - многие плагины не дают вам возможности выбрать, какой тип запроса вы использовать, но EG позволяет вам выбрать, будет ли get_posts () или WP_Query () лучше всего работать для вашего сайта (и если вы не используете Не знаю, что это значит, просто оставьте значение по умолчанию. Хорошо, как оно есть.

Импорт Экспорт

Когда вы впервые настраиваете плагин, вам обязательно стоит заглянуть на страницу импорта / экспорта . Если вы нажмете « Импортировать полные демо-данные» и « Импортировать демо-сетки социальных сетей» , у вас будет огромный массив исходных шаблонов, с которых вы можете начать. Они тоже хороши, поэтому просто нажмите кнопку, и импорт / загрузка произойдет почти мгновенно.

Импортированные сетки появятся внизу списка, когда вы вернетесь в Ess. Сетка . Там вас встретит ваша новая библиотека сеток.

Ess. Сообщения с примерами сетки

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

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

Создать сообщение для новой сетки тоже легко. Это работает так же, как добавление нового сообщения любого другого типа. Просто нажмите кнопку « Добавить» под этим заголовком и установите свои параметры.

Использование сохраненной основной сетки

Независимо от того, используете ли вы шаблоны или делаете свои собственные, вам нужно знать, как их использовать. В Essential Grid все вращается вокруг шорткодов. Если у вас есть определенная сетка, которую вы хотите использовать снова и снова, вам нужно будет щелкнуть Create New Ess Grid в Ess. Страница обзора Grid в вашей админпанели. Внутри вы выбираете все: от того, как вы можете сортировать элементы в сетке, какую анимацию загрузки у нее есть, откуда на самом деле берутся ее элементы, и вы можете назвать это.

Когда вы называете его, вы также можете выбрать его псевдоним шорткода. Этот псевдоним используется только для вызова этой конкретной сетки с помощью шорткода Essential Grid. Я также решил использовать тот же идентификатор для идентификатора CSS на всякий случай, если в будущем я захочу внести внешние настройки.

Просто поместите шорткод в текстовый редактор сообщения или страницы.

И вуаля!

Использование единственной в своем роде основной сетки

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

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

Вы будете просматривать страницы, чтобы выбрать те же параметры, что и в других местах (анимация, макет и т. Д.), А когда будете готовы к работе, нажмите кнопку « Создать шорткод» .

Как видите, шорткод, который генерируется динамически, намного сложнее, потому что он содержит всю информацию о самой сетке.

Но когда он рендерится, разницы нет. Особенно, если вы решили применить скин во время создания.

Essential Grid Widget

Наконец, у вас есть возможность поместить любую созданную вами Essential Grid в виджет. Этот вариант проще, чем любой другой, потому что он буквально перетаскивается. Перейдите в Appearance - Widgets , выберите виджет Essential Grid и перетащите его туда, где вы хотите его отобразить. Если вы хотите, чтобы это было только на домашней странице, вы можете установить это или выбрать любую из ваших готовых сеток. Однако вы не можете создать динамическую сетку таким образом, как вы могли выше. Они должны быть созданы заранее.

Однако следует иметь в виду, что не все макеты хорошо смотрятся на боковой панели. Вы можете получить некоторую часть вашего контента очень странно, но не волнуйтесь. Если это произойдет, просто измените настройки так, чтобы он отображался по-другому - может быть, вместо полноэкранного, вместо полноэкранного, или даже вместо масонства, может быть. Экспериментируйте, пока он не будет выглядеть так, как вы хотите. Вероятно, будет хорошей идеей создать для этого специальную сетку для боковой панели. (Вы можете просто продублировать тот, который хотите, и настроить его вместо оригинала.)

Перфорированные шрифты

И, наконец, последняя настройка, которую вы получаете с Essential Grid. Punch Fonts - это простой интерфейс для использования Google Fonts в EG. Вот и все.

Вы можете выбрать, какие шрифты вы хотите установить, нажав кнопку с заголовком « Добавить новый шрифт» . Если вы перейдете по ссылке в модальном окне на Google Fonts, вы найдете нужные параметры, и плагин загрузит шрифт на ваш сайт.

И когда он говорит, что tp-moniker предназначен только для внутреннего использования, это просто означает, что он в основном такой же, как и предыдущий псевдоним. Вы увидите это, когда примените шрифты к вещам. Так что назовите их соответствующим образом.

Последние мысли

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

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

Однако, если и то, и другое необходимо и сделано правильно, плагин действительно сияет. Не зря Essential Grid является продавцом номер 1 в своей категории. А если вы проверите рейтинги и темы поддержки, ThemePunch быстро ответит и поможет.

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

Вы используете Essential Grid? Позвольте нам увидеть некоторые из ваших творений в комментариях!

Статья из избранного изображения Bloomicon / shutterstock.com