Особенности плагина Divi - логика отображения Divi

Что, если вы хотите, чтобы определенный элемент дизайна Divi отображался в зависимости от выбранных вами условий? Это откроет некоторые возможности дизайна, такие как отображение версии страницы на основе статуса входа пользователя, времени дня или его геолокации. Плагин под названием Divi Display Logic предоставляет Divi эту функцию.

Divi Display Logic - это сторонний плагин от Tortoise IT, который работает как с Divi, так и с Extra для добавления логики отображения. В этом выделении плагина мы взглянем на плагин и увидим несколько примеров того, что он может делать.

Изображения для этих примеров взяты с Unsplash.com и из бесплатных макетов Divi, доступных здесь, в блоге Elegant Themes.

Установка Divi Display Logic

Загрузите и активируйте плагин как обычно. На панель инструментов добавлен новый пункт меню под названием Divi Display Logic. Здесь вы добавите свой лицензионный ключ. Это гарантирует, что вы будете получать обновления плагинов.

Логика отображения теперь добавлена ​​ко всем разделам, строкам и модулям на вкладке «Содержимое» в серверной части Divi Builder. Эти функции включают выбор даты и времени, раскрывающееся окно, в котором вы можете выбрать предопределенную логику, и поле, в котором отображается шорткод, который плагин создает для вашей логики.

Предопределенная логика

В раскрывающемся списке Predefined Logic есть 18 готовых вариантов логики на выбор. Есть еще несколько, которые вы можете скопировать и вставить в область шорткода. Вы можете добавить свои собственные логические варианты, если хотите кодировать, и вы можете манипулировать шорткодом для создания вариантов.

Можно выбрать отображение или скрытие в определенное время, между определенным временем, в определенные дни, показать, есть ли у него категория НОВОСТИ, если пользователь вошел в систему, для определенной роли пользователя, в определенном месте и на основе Код PHP. Все это можно изменить.

Логический шорткод

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

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

Для редактирования просто выделите часть шорткода и внесите изменения.

Вот пример, который скроет контент в будние дни. Если вы хотите показать контент вместо скрытия, вы должны изменить «скрыть» на «показать» в шорткоде. Другой вариант - заменить цифры 1–5 на «6,7», чтобы скрыть контент по выходным.

Я обнаружил, что управление шорткодом интуитивно понятно, потому что большинство ключевых слов в строке просты.

Примеры встроенных шорткодов

Самая первая ссылка (с надписью «Щелкните здесь») в области «Логика отображения» содержит подробные примеры шорткодов. Это особенно полезно для примеров PHP. Вы можете скопировать их и вставить в поле шорткода.

Выбор даты и времени

Чтобы использовать выбор даты / времени, щелкните текст «Если используются даты, щелкните здесь». Это откроет два поля, где вы можете выбрать дату показа и скрыть. Это временные условия, которые определяют, когда будет отображаться раздел, строка или модуль. Логика отображения будет выбрана из списка Predefined Logic.

Выберите дату и время, щелкнув поля «Показать дату» и «Скрыть дату». Откроется календарь с ползунками для часов и минут. Над полями находится сообщение, показывающее текущее время вашего сервера.

Важно использовать время вашего сервера, а не фактическое время. Здесь WordPress получает текущее время и время, которое будет использовать Divi Display Logic.

Теперь модуль будет показывать содержимое между выбранной мной датой и временем.

Это открывает множество возможностей. Например:

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

Примеры логики Divi Display - школьный призыв к действию

В моем первом примере я создаю целевую страницу для школы. На странице будет содержаться призыв к действию для студентов из США, но никто за пределами США не сможет зарегистрироваться. В этом примере используется макет домашней страницы для университетов и колледжей.

Макет включает строку с текстовым и кнопочным модулями. Я хочу, чтобы текст и кнопку были заменены другими модулями для всех, кто находится за пределами США.

В настройках строки я выбрал «Скрыть контент, если пользователь находится в США».

Затем я изменил «скрыть» в шорткоде на «показать», фактически создав новый шорткод.

Я клонировал строку и решил скрыть контент для пользователей в США для новой строки.

Теперь будет отображаться только одна из строк в зависимости от местоположения посетителя.

Посетители из США видят исходный слоган и кнопку для применения.

Все посетители за пределами США видят другой слоган и кнопку с другим заголовком.

Примеры логики отображения Divi - флэш-распродажа

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

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

Таймер обратного отсчета и логика отображения работают независимо друг от друга. Я установил время для счетчика, чтобы оно соответствовало времени, которое будет отображать логика дисплея.

Примеры логики отображения Divi - Авторский сайт с личным кабинетом

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

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

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

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

Вторая кнопка будет отображаться только для авторизованных пользователей.

В качестве альтернативы я мог бы использовать «ПОКАЗАТЬ этот контент, если у пользователя есть возможность« view_content »».

Зарегистрированные пользователи теперь видят новую кнопку, которая предоставляет им ссылку на определенную страницу или сообщение.

Примеры логики отображения Divi - Авторский сайт с новой целевой страницей

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

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

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

Использование Divi Display Logic с Extra

Divi Display Logic также работает с Extra. В этом примере показан модуль карусели сообщений в построителе категорий.

Лицензия

Divi Display Logic можно использовать на неограниченном количестве веб-сайтов для вас и ваших клиентов. Включает 6 месяцев поддержки и 12 месяцев обновлений. По истечении 12 месяцев вам нужно будет снова купить плагин, чтобы получать обновления. Цена выкупа составляет 50% от начальной цены покупки.

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

Divi Display Logic предоставляет множество опций для определения того, когда будет отображаться раздел, строка или модуль. Благодаря параметрам отображения, включая время, дату, геолокацию, независимо от того, вошел ли пользователь в систему, а также уровень пользователя, возможности дизайна практически безграничны.

Я нашел плагин интуитивно понятным в использовании. Шорткодами легко манипулировать. Было бы полезно еще несколько примеров - особенно для PHP. Если вы хотите отобразить раздел, строку или модуль на основе условия, Divi Display Logic - отличный выбор.

См. Раздел «Логика дисплея Divi» в Tortoise IT для получения информации о покупке.

Ждем вашего ответа. Вы использовали Divi Display Logic? Дайте нам знать, что вы думаете об этом в комментариях.

Лучшее изображение через phipatbig / shutterstock.com