Условный дисплей Elementor: показывать или скрывать любой элемент

Условное отображение элементара, показывающее состояние состояния входа с одним показанным элементом и одним скрытым элементом

Скажите, что ваш магазин закрывается в 18:00, и вы хотите, чтобы кнопка “Order Now” превратилась в “Мы закрыты, обратно в 9:00. уведомление о” в нерабочее время. Или в таблице цен указана одна цена для вышедших из системы посетителей, а другая для участников. Вы можете построить две страницы и поменять их местами вручную. Никто не хочет делать это два раза в день.

Элементор условный дисплей исправляет его: построить обе версии на одной странице, затем прикрепить правило к каждой, которая решает, кто видит его и когда.The Расширение условий отображения в Master Addons добавляет это к каждому элементу Elementor, бесплатно, без кода.

Ниже: каждый тип условия, как на самом деле ведет себя логика И/ИЛИ, одна настройка, которая тихо кусает людей (Выход HTML) и где этот подход заканчивается.

Что на самом деле делает условный дисплей

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

Каждое правило читается как предложение в трех частях: что проверить, оператор (Is или Is not), и значение. “Login Status является Вошел в систему.” “Browser не является Сафари.” Вот и вся модель Все, что ниже, - вариация на ней.

Сначала включите расширение

Условия отображения поставляется с главными аддонами, но не активен из коробки. Перейти к Основные дополнения > Настройки > Расширения, найдите его в группе Динамические виджеты, включите его, сохраните.

Пропустите это, и панель "Условия отображения" никогда не появится на вкладке "Дополнительно", которая, несомненно, является наиболее распространенным сообщением “, мы получаем сообщение о нерабочей”. Если у вас еще нет плагина, установите главные дополнения бесплатно с сайта WordPress.org.

Настройка "Отображение на": все условия и любое условие

Включите условия отображения элемента и получите Отображение включено выпадающий с двумя вариантами. выбор неправильного - самая распространенная причина правило “dosn не работает.”

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

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

Вот что это значит на практике Скажите, что вы поставили два условия: “Browser is Chrome” и “User Role is Administrator.”

На Все условия соблюдены, только администратор, который случайно просматривает в Chrome видит элемент. Тот же самый администратор на Firefox ничего не видит.

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

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

Переключатель вывода HTML (прочитайте это, прежде чем скрывать что-либо конфиденциальное)

Сидеть прямо под основным переключателем Вывод HTMLи на его собственном ярлыке указано, что он делает: “Если включено, HTML-код будет существовать на странице но виджет будет скрыт с помощью CSS.”

Это имеет гораздо большее значение, чем предполагает его тихое размещение.

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

Поверни это на и элемент отображается в HTML, а затем скрывается с помощью CSS. Любой может открыть инструменты разработки, удалить одну строку и прочитать все это.

Так что держите Вывод HTML выключен для всего, что вы на самом деле хотите сохранить конфиденциальным: цена только участников, скрытая ссылка для загрузки, внутреннее примечание. причина, по которой настройка вообще существует, заключается в том, что некоторые скрипты нуждаются в разметке, присутствующей в DOM, чтобы работать, которая приходит слайдеры, системы табуляции, и счетчики, которые измеряют элементы на загрузке страницы, Это случай, чтобы включить его, и не много другого.

Пока мы здесь, тупая версия: условный дисплей - это инструмент презентации, а не система контроля доступа. с выключенным HTML-кодом он совершенно прочен для повседневного использования. но контент, который необходимо заблокировать, например платный курс или закрытый файл, стоит за реальной защитой.The Ограничить виджет контента существует для этого и является правильным Настройка членства WordPress это правильный ответ за все, за что вы берете деньги.

Каждое условие, которое вы можете использовать

Откройте раскрывающийся список "Условие" и получите четыре группы.

Полный раскрывающийся список условного отображения Elementor с указанием типов условий "Посетитель", "Дата и время", "Одиночный" и "Архив"
ГруппаУсловияТипичное использование
ПосетительСтатус входа, роль пользователя, операционная система, браузерЦены на участников, заметки только для администраторов, “Скачать кнопки Mac”
Дата и времяДиапазон дат, время суток, день неделиСрок продаж истекает, часы работы, предложения выходного дня
ОдиночныйСтраница, Сообщение, Статическая страница, Тип сообщения, Сообщение имеет срокЗаголовок CTA, который меняется на определенных страницах
АрхивАрхив таксономии, Архив терминов, Архив типов сообщений, Архив дат, Архив авторов, Результаты поискаБаннеры для конкретной категории, сообщение о пустой выдаче

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

Показывать контент только пользователям, вошедшим в систему

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

Условие отображения Elementor установлено в разделе "Статус входа в систему": элемент отображается только для входа в систему пользователей

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

Условие отображения Elementor установлено в разделе "Статус входа - нет", отображая элемент только для выхода из системы посетителей

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

Нацеливайтесь на определенную роль пользователя

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

Условный дисплей Elementor, ориентированный на определенную роль пользователя WordPress, например администратора

Переверните его Не является Администратором и все, кроме администраторов, видят элемент Это удобно для “ вот как редактировать этот раздел” заметка, которую ваш клиент видит на странице, без необходимости смотреть на нее каждый раз, когда вы открываете сайт.

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

Показывать контент по дате, времени или дню недели

Три условия, основанные на времени, и они экономят больше работы, чем что-либо еще в списке.

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

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

День недели занимает один или несколько дней, добавляется в виде тегов.

Условное отображение элементара с использованием условия Дня недели с выбором с понедельника по пятницу

Установите его с понедельника по пятницу для “chat с поддержкой виджета now” и позвольте “оставьте нам блок message”, покрывающий выходные.Соедините День недели со временем дня на Все условия соблюдены а реальные часы работы вы описали в двух правилах.

Однако внимательно следите за часами. Условия времени работают на вас Часовой пояс сайта WordPress (Настройки > Общие), а не посетителя. если ваша продажа должна закончиться в полночь для клиента, а ваш сервер сидит в UTC, пока ваши клиенты находятся в Нью-Йорке, она заканчивается для них на пять часов раньше. проверьте, что настройка, прежде чем планировать все, что стоит денег.

Показывать контент по браузеру или операционной системе

Выбирать Браузер или Операционная система и нацелены на Chrome, Firefox, Safari, Edge, Windows, macOS, Linux и так далее.

Условный дисплей Elementor, ориентированный на определенный браузер или операционную систему, такую как Chrome или macOS

Реальное применение для таргетинга ОС - загрузки приложений. показывать посетителям Mac кнопку Mac и Windows - посетителям Windows, вместо ряда из четырех кнопок, три из которых не подходят тому, кто ищет.

Таргетирование браузера уже, чем ожидают люди Это для случайных “эта функция ведет себя по-другому в Safari” уведомление, а не для доставки различных дизайнов на браузер Если раздел работает только в Chrome, исправить CSS Не скрывайте его от посетителей Firefox и называйте это сделано.

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

Где это становится действительно полезным

Несколько подставок, которые стоит украсть.

Запустите два заголовка из одного шаблона: в вашем Тема Строитель заголовок, поместите кнопку “Log in” в Статус входа Не являетсяи кнопку “My Account” в разделе "Статус входа" Является. Один заголовок, обе аудитории. один и тот же трюк работает в нижний колонтитул.

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

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

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

Вещи, которые выманивают людей

  • Нет панели "Условия отображения". Расширение не включено Мастер-аддоны > Настройки > Расширения.
  • Элемент показывает всем. Отображение на установлено в “Любое условие met”, когда вы имели в виду “Все условия met.”
  • Это работает для вас, но не для посетителей. Вы вошли как администратор. тестируйте в личном окне каждый раз.
  • Скрытый контент появляется в источнике страницы. Вывод HTML включен. Выключите его.
  • Время рулит огонь не в тот час. Часовой пояс сайта, а не часовой пояс посетителя. настройки > Общие.
  • На прямой трансляции перемены не показывают. Кэш страниц обслуживает сохраненную копию Большинство плагинов кэширования не могут изменять кэшированную страницу на пользователя, поэтому агрессивное кэширование всей страницы и условия на основе входа работают друг против друга Исключите эти страницы из кэша, или очистите его и протестируйте еще раз.

Часто задаваемые вопросы

Что такое условное отображение в Elementor?

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

Могу ли я бесплатно использовать условное отображение в Elementor?

Да. расширение "Условия отображения" поставляется с бесплатным плагином "Мастер-аддоны". Включите его в разделе "Мастер-аддоны", затем "Настройки", затем "Расширения" и панель "Условия отображения", отображаемая на вкладке "Дополнительно" каждого элемента.

Действительно ли скрытый контент скрыт от посетителей?

С выключением HTML-кода (по умолчанию) элемент никогда не отображается, поэтому его вообще нет в источнике страницы. включите вывод HTML и разметка загружается, но скрыта с помощью CSS, который каждый может отменить в инструментах разработки. Не допускайте этого для чего-либо чувствительного.

Почему состояние моего дисплея не работает?

Обычно одна из трех вещей: Display on dropdown установлен в “Любое условие met” вместо “Все условия met”, вы тестируете, когда вошли в систему как администратор, или плагин кэширования обслуживает сохраненную копию страницы. Тестируйте в частном окне с очищенным кэшем.

Используют ли временные условия часовой пояс посетителя?

Нет. Они работают в часовом поясе вашего сайта WordPress, установленном в разделе "Настройки", а затем "Общие". Если ваши посетители сидят в другом часовом поясе, распродажа, заканчивающаяся в полночь на вашем сервере, заканчивается для них в другой час, поэтому установите часовой пояс сайта намеренно.

Завершая

Элементор условный дисплей превращает одну страницу в столько версий, сколько вам нужно Включить расширение, открыть Расширенные > Условия отображения на любом элементе, и написать правило: проверить что-то, Есть или Нет, сделано Два параметра решают, ведет ли он себя так, как вы ожидаете. Отображение включено контроль И против ИЛИ, и Вывод HTML контролирует, действительно ли скрытый контент отсутствует или просто закрашен.

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

Связанное чтение: Анимация входа в Элементор, как создать липкий заголовок в Elementorи как добавить проверку возраста в Elementor.

Фотография Роя Джеми
Рой Джеми
Я Рой Джеми, Content Wrangler и Marketer в Pixar Labs, работаю над Master Addons для Elementor.Я пишу учебные пособия, записываю видео и поддерживаю актуальность документации, поэтому вы всегда знаете, как использовать каждую функцию. Я также занимаюсь поддержкой, поэтому, если вы наткнетесь на корягу, я тот человек, который поможет вам исправить это. Реальные ответы, от кого-то, кто использует эти инструменты каждый день.
Сентябрьская распродажа

40% выключить все

Каждый Мастер Аддоны Про план, годовой и пожизненный Один код, восемь дней.

00дней
00час
00мин
00сек

Заканчивается в понедельник, 14 сентября, 23:59 по восточному времени

  • Личный1 сайт 129 долларов77 ДОЛЛАРОВ
  • Бизнес5 сайтов 199 долларов119 долларов
  • РазработчикНеограниченные сайтыЛучше всего для агентств 599 долларов359 долларов

Платите один раз. Никакого продления никогда.

Код купона МАЛИФЕ40
Получите скидку 40% прямо сейчас
  • Более 30 000 активных установок
  • 4,5/5 из 212 отзывов
  • 14-дневный возврат денег