Хотите узнать, как открыть всплывающее окно Elementor в Gutenberg?
В онлайн-сообществах всегда есть один спорный момент: всплывающие окна. Некоторые задаются вопросом, стоит ли их использовать. Но, на наш взгляд, всплывающие окна допустимы, если создаваемые вами окна просты, привлекательны и не раздражают пользователей.
Допустим, вы уже создали всплывающие окна с помощью Elementor и хотите открыть их в редакторе WordPress Gutenberg, чтобы разместить всплывающие окна на страницах или в записях блога. Возможно ли это? Ответ — да, возможно.
В этой статье вы узнаете, как открывать всплывающие окна Elementor в Gutenberg.
Как открыть всплывающее окно Elementor в редакторе Gutenberg WordPress
Шаг 1: Подготовьте всплывающее окно
Перейдите к созданному шаблону всплывающего окна. Если вы новичок в Elementor и хотите научиться создавать всплывающие окна, вы можете ознакомиться со следующим учебным пособием: щелкнув этот залог.
Отлично! После завершения создания всплывающего окна нажмите на значок шестеренки ( ) в левом нижнем углу панели настроек элемента, чтобы открыть панель настроек всплывающего окна. В панели настроек всплывающего окна перейдите на вкладку Передовой и добавьте селектор в поле Открыть селектором .
Обязательно добавьте символ точки в качестве префикса (например, .popup12345).
После добавления указанного селектора не забудьте обновить или опубликовать шаблон всплывающего окна.
Примечание: На вкладке Условия отображения из вашего всплывающего окна, пожалуйста. настройте его для отображения вашего всплывающего окна на Весь сайтЭто позволит вам отображать всплывающее окно на всем веб-сайте. Вам также не нужно определять триггер, поскольку вы будете отображать всплывающее окно, используя только что определенный селектор.
Шаг 2: Откройте всплывающее окно в Гутенберге
Теперь пришло время открыть всплывающее окно в редакторе WordPress Gutenberg.
Откройте редактор Gutenberg в WordPress; вы можете создать новый контент (страницу/запись) или выбрать существующий. Затем выберите любой блок, который хотите использовать в качестве триггера для появления всплывающего окна.
В этом уроке мы будем использовать блок кнопок.
После того, как вы решили, какой блок вы хотите использовать в качестве триггера для отображения всплывающего окна, перейдите в «Настройки». Блок -> Передовой. Затем добавьте свой Указанные классы CSS в Дополнительный класс CSS ( ы ) чавканье.
Хорошо. Вот и всё. Чтобы посмотреть, как это работает, опубликуйте свой проект и откройте его в новом окне.
Получить Elementor Pro сейчас !!!
Заключение
В этой статье показано, как открыть всплывающее окно Elementor в редакторе WordPress Gutenberg. Надеемся, это вам поможет. И наконец, что наиболее важно, помните, что успех вашего всплывающего окна зависит от привлечения пользователей с помощью релевантного контента и убедительного призыва к действию.
Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...