Divi FilterGrid — это плагин, который позволяет отображать сообщения в блоге и содержимое пользовательских типов сообщений в сетке со сложными фильтрами и расширенными параметрами, выходящими за рамки возможностей модуля сообщений по умолчанию. Divi FilterGrid интегрируется с Диви и работает так же, как и любой другой модуль, с множеством вариантов дизайна и расширенными возможностями настройки.
Если вы ищете способ отображать публикации или другой контент, например проекты или события, на своем веб-сайте с расширенными параметрами фильтрации, это может быть отличным плагином для вас. В этом посте мы более подробно рассмотрим Divi FilterGrid и поможем вам решить, подходит ли вам это решение.
Давайте начнем!
Установка Divi FilterGrid
Divi FilterGrid можно установить так же, как и любой другой плагин WordPress. Откройте страницу плагинов на панели управления WordPress и нажмите «Добавить новый». Нажмите «Загрузить плагин» вверху, затем выберите файл плагина.
После установки плагина активируйте его.
Затем откройте страницу с Divi Builder и щелкните серый значок плюса, чтобы добавить новый модуль. Вы должны увидеть модуль Divi FilterGrid, доступный в списке модулей.
Divi FilterGrid
С помощью плагина Divi FilterGrid вы можете отображать коллекцию сообщений или любой пользовательский тип сообщений в настраиваемом многофункциональном модуле сетки. Поскольку вы можете отображать сообщения любого типа, вы можете использовать этот модуль для отображения любого контента, такого как события, проекты, места, отзывы и многое другое. У вас есть полный контроль над содержимым, отображаемым для элементов сетки. Кроме того, вы можете использовать расширенные параметры запроса, чтобы выбрать элементы, которые вы хотите отобразить в сетке. В настройках плагина вы можете включить настройки фильтрации для сетки, позволяя пользователям фильтровать с использованием категорий, тегов и пользовательских таксономий. Вы также можете включить функцию поиска.
Плагин имеет множество способов настройки функций и макета. Вы можете выбирать разные типы столбцов и макетов, чтобы добиться различного внешнего вида и изменить интервал и порядок элементов. В дополнение ко всем параметрам дизайна по умолчанию на вкладке «Дизайн» есть предустановленные скины, которые вы можете выбрать, чтобы изменить внешний вид элементов сетки. Divi FilterGrid обладает мощными функциями и возможностями настройки и открывает новый мир возможностей для динамического отображения контента на вашем веб-сайте.
Теперь давайте посмотрим на различные настройки, которые идут с Divi FilterGrid.
Настройки вкладки «Содержимое»
Запрос
Опция запроса — это то, где вы выбираете тип сообщений или пользовательских сообщений, которые вы хотите отображать. Вы можете выбрать «Базовый» (только публикации), «Расширенный» (любой настраиваемый тип публикации), «Страница архива» (категория, поиск и т. д.), «Связанные публикации» (связанные с текущим сообщением), «Вручную» (идентификаторы сообщений) и «Пользовательские» (создать свой собственный). запрос).
Как видите, существует множество различных способов поместить контент публикации в сетку фильтров, что дает вам свободу и гибкость использования Divi FilterGrid для самых разных случаев использования. Более продвинутые параметры позволяют отображать очень специфические подмножества контента. Ниже мы рассмотрим некоторые другие способы фильтрации контента в сетке.
Основные настройки запроса
Если выбран тип запроса «Базовый» (только публикация), будут отображены следующие параметры. Включить категории — здесь вы можете выбрать категории сообщений, которые вы хотите отображать. Вы также можете установить количество отображаемых сообщений, установить номер смещения и упорядочить сетку по возрастанию или убыванию.
Порядок сетки можно изменить с помощью различных параметров, таких как дата, заголовок, случайное число, количество комментариев, тип сообщения, релевантность поиска и т. д.
Завершая базовые настройки запроса, вы также можете выбрать, показывать или скрывать личные сообщения, отображать только сообщения текущего автора, игнорировать прикрепленные сообщения, удалять текущие сообщения и изменять пустой текст результатов.
Расширенные настройки запроса
Расширенный тип запроса позволяет вам добавить в сетку любой пользовательский тип сообщения. Вы можете использовать расширенные настройки запроса, чтобы выбирать типы публикаций, использовать и выбирать таксономии, изменять отношение таксономии, выбирать термины, изменять отношение терминов, включать дочерние термины, исключать таксономии, исключать отношения таксономий и исключать термины в дополнение ко всем настройки, доступные для основного типа запроса.
Настройки запроса архива
Тип запроса страницы архива предназначен для использования на странице архива или поиска. Он определит страницу, на которую вы добавили модуль FilterGrid, и автоматически отобразит соответствующие сообщения. Например, вы можете добавить модуль на страницу архива категорий на своем веб-сайте, и он будет возвращать соответствующие сообщения.
Настройки запроса связанных сообщений
Далее, тип запроса связанных сообщений можно использовать внутри сообщения или добавить в шаблон сообщения. Он будет отображать связанные сообщения в зависимости от связанных таксономий, которые вы установили в настройках Divi FilterGrid.
Настройки запроса вручную
Тип запроса вручную позволяет включать сообщения по идентификаторам, а не по категориям или таксономии. Это позволяет вам назначать определенные сообщения для просмотра в FilterGrid.
Пользовательские настройки запроса
Наконец, пользовательские настройки запроса позволяют вам создать собственный запрос для извлечения контента в сетку фильтров. Когда этот параметр выбран, он будет искать в файле function.php вашей дочерней темы фильтр dpdfg_custom_query_args, в котором вы можете создать собственный запрос.
Элементы сообщений
Далее идут настройки элементов публикации, где вы можете настроить элементы, отображаемые в FilterGrid.
Во-первых, это настройка действия по клику. Эта опция позволяет вам контролировать, что происходит при нажатии на элемент сетки. Возможные варианты:
- Ничего
- Ссылка на публикацию
- Показать публикацию во всплывающем окне
- Показать изображение объекта в лайтбоксе
- Показать все изображения объектов в галерее лайтбоксов
- Открыть собственную галерею лайтбоксов
Вот пример отображения сообщения во всплывающем окне.
Вы также можете показать или скрыть избранное изображение, изменить размер миниатюры, включить или отключить наложение, показать или скрыть заголовок, добавить ссылку на заголовок, показать или скрыть мета-сообщение, изменить мета-разделитель, показать или скрыть автор, установить префикс автора, показать дату, показать условия, показать количество комментариев, показать содержимое, показать кнопку действия по клику, показать кнопку «Читать дальше», установить цель ссылки, показать пользовательский контент, включить пользовательский контент/пользовательский оболочку полей и использовать собственные URL-адреса. Имея множество способов настройки внешнего вида и содержимого FilterGrid, вы можете легко создать идеальный макет для своего веб-сайта.
Фильтры
В настройках фильтра вы можете настроить внешний вид и функции фильтров FilterGrid вверху. Первая настройка — включить или отключить фильтр. Далее, настройка триггерных фильтров изменяется при срабатывании фильтров. Возможные варианты:
- После нажатия каждого фильтра
- После нажатия кнопки (добавлена кнопка «фильтр»)
- После выбора последнего уровня (для родительских/дочерних уровней).
Вы также можете переключить макет фильтра с кнопки на раскрывающийся список, показать активные фильтры-заполнители, изменить текст макета раскрывающегося списка, использовать фильтры MultiSelect, использовать пользовательские фильтры, установить фильтр по умолчанию, скрыть кнопку всех фильтров, изменить весь текст, установить фильтры для сортировки по возрастанию или убыванию, а также установите свойство, по которому упорядочиваются фильтры.
Пагинация
В настройках нумерации страниц вы можете активировать нумерацию страниц и изменить тип нумерации (постраничная, кнопка «Загрузить больше» или «Загрузить больше при прокрутке»). Если выбран тип постраничной нумерации, вы можете изменить предыдущие и следующие значки, изменить предыдущий и следующий текст, выбрать количество страниц нумерации и активировать кнопки первая/последняя.
Поиск
В настройках поиска вы можете включить отображение панели поиска вместе с FilterGrid. Это позволяет выполнять поиск по результатам FilterGrid. Вы можете настроить текст заполнителя и положение поиска, а также упорядочить результаты поиска по релевантности.
видео
Настройки видео позволяют отображать предварительный просмотр видео вместо избранного изображения для сообщений, содержащих видео. Вы можете настроить действие щелчка для видео и изменить элементы дизайна, такие как цвет и значок наложения.
Кэш
Параметр кэша включает кэширование AJAX, что помогает сократить время загрузки страниц сетки за счет хранения кэша в браузерах пользователей.
Настройки вкладки «Дизайн»
На вкладке «Дизайн» вы можете полностью настроить стиль FilterGrid.
Макет
В разделе макета вы можете выбрать количество столбцов раскрывающегося фильтра, выбрать макет, выбрать обложку, изменить ширину элемента, переплет строк и размер шрифта сетки. На выбор предлагается 7 различных макетов: сетка, список, полная ширина, кладка сетки, гибкая, стандартная кладка и отсутствие (позволяет создать собственный дизайн CSS). Также есть 6 скинов на выбор: по умолчанию, полночь, левые вертикальные фильтры, элементы в наложении, масштабирование изображения и библиотека. На фото ниже стандартная раскладка каменной кладки и полуночный скин.
Неожиданно возникнуть
Настройки всплывающих окон помогают вам настроить дизайн всплывающих окон, которые могут появиться, если выбран параметр «по щелчку». Шаблон по умолчанию будет отображать содержимое сообщения так же, как оно будет отображаться на странице сообщения. Однако вы можете создавать новые шаблоны всплывающих окон в библиотеке Divi для индивидуального дизайна. В настройках всплывающего окна вы также можете изменить ширину всплывающего окна, максимальную ширину, цвет наложения, CSS контента, добавить закругленные углы, изменить стили границ и добавить тень поля.
Другие настройки дизайна на этой вкладке являются настройками по умолчанию, которые имеются в большинстве модулей Divi, поэтому мы не будем рассматривать их здесь подробно. Но вот что вы можете настроить с помощью этих параметров: все стили текста, включая фильтрацию, поиск и текст с разбивкой на страницы, все кнопки, размер, интервал, границу, тень блока, фильтры, преобразование и анимацию. Вы можете комбинировать эти параметры, чтобы создать действительно уникальный дизайн для вашей FilterGrid.
Дополнительные настройки вкладки
На вкладке «Дополнительно» нет никаких дополнительных настроек, которые есть в Divi FilterGrid, но вы можете использовать все дополнительные параметры по умолчанию (CSS, атрибуты, условия, видимость, переходы, положение и эффекты прокрутки), чтобы еще больше улучшить свой дизайн.
Примеры Divi FilterGrid
Теперь давайте посмотрим на пару примеров Divi FilterGrid в действии.
Пример 1
Для нашего первого примера у нас есть базовый (последние публикации) FilterGrid с фильтрами-кнопками, полуночным скином и макетом сетки. Я включил отрывок сообщения и метаинформацию для этого макета, а также добавил кнопку «Читать дальше». Что касается стиля, я настроил шрифты и стили кнопок на вкладке «Дизайн».
Пример 2
В примере 2 есть раскрывающийся фильтр, панель поиска слева и сообщения справа. В сетке отображается избранная информация о публикации, заголовок и автор. При наведении курсора мыши на избранное изображение появляется наложение и значок.
Купить Divi FilterGrid
Divi FilterGrid доступен в Магазине Диви. Стоимость неограниченного использования для одного веб-сайта составляет 79 долларов США, а также 1 год поддержки и обновлений. В цену также входит 30-дневная гарантия возврата денег.
В завершении
Divi FilterGrid позволяет легко отображать содержимое вашего блога или другого содержимого веб-сайта в красивой, легко настраиваемой сетке. Обилие параметров фильтрации делает его идеальным для выполнения практически всего, что вы захотите, а документация по продукту обширна и проста в использовании. Если вам нужно организовать контент на своей странице в виде сетки или вам нужен более мощный плагин для отображения сообщений из вашего блога, возможно, этот продукт подойдет вам.
Вы уже пробовали Divi FilterGrid? Дайте нам знать, что вы думаете о нём в комментариях!
