Вы хотите создать полноэкранное меню в Elementor ? Если да, то эта статья покажет вам, как это сделать. Для создания полноэкранного меню в Elementor. Все что тебе нужно это Факир Pro.
Про версияElementor поставляется с конструктор всплывающих окон который позволяет создавать красивые всплывающие окна. Вы можете использовать эту функцию для создания полноэкранного меню в Elementor.
Если вы не видите, о чем мы хотим поговорить сегодня, посмотрите это видео.
Как создать полноэкранное меню в Elementor?
Прежде чем начать, убедитесь, что у вас есть обновил свой Elementor до профессиональной версии. Когда вы будете готовы, перейдите в Шаблоны -> Всплывающие окна. Создайте новый шаблон всплывающего окна, нажав кнопку «Добавить новый».
Дайте имя шаблону всплывающего окна и нажмите кнопку СОЗДАТЬ АМОДЕЛЬ.
Elementor предлагает на выбор десятки шаблонов всплывающих окон. В этом уроке мы создадим модель с нуля. Поэтому просто закройте библиотеку шаблонов, чтобы открыть редактор Elementor.
Прежде чем приступить к созданию шаблона всплывающего окна, сначала определите макет. Для этого откройте всплывающее окно настроек, нажав на значок шестеренки в левом нижнем углу.
В блоке раскладка, на вкладке Параметры, установите ширину на VW 100 года и высота на По размеру экрана. Вы также можете установить эффекты анимации входа и выхода.
После определения макета начните создавать шаблон, добавив новый раздел. Вы можете добавить любые элементы в шаблон. Чтобы добавить элементы меню, вы можете использовать виджет «Меню навигации» или виджет «Список значков».
Смотрите также: Как установить пользовательскую позицию для мобильного меню в Elementor
В этом руководстве мы будем использовать виджет «Список значков».
Отредактируйте каждый элемент в списке. Вы можете добавить метку пункта меню в поле Текст и добавьте ссылку в поле Залог.
Перейти на вкладку Стиль для стилей списков. Вы можете установить расстояние между элементами списка и выравнивание в блоке списка. Чтобы установить размер и цвет значка (если вы используете значки), вы можете открыть блок значков. Чтобы установить типографику (размер шрифта, семейство шрифтов, стиль шрифта) и цвет текста элементов списка, вы можете открыть блок «Текст».
При желании вы можете изменить фон раздела. Чтобы настроить кнопку закрытия всплывающего окна, снова откройте настройки всплывающего окна и перейдите на вкладку Стиль. Откройте блок Бутон де Ферметюр и вы увидите некоторые параметры для настройки кнопки закрытия, такие как цвет фона, размер и положение.
Когда вы закончите создание шаблона всплывающего окна, щелкните значок стрелки рядом с кнопкой ОПУБЛИКОВАТЬ и выберите Условия показа.
Укажите, где вы хотите, чтобы всплывающее окно появилось, нажав кнопку ДОБАВИТЬ УСЛОВИЕ и нажмите на кнопку СЛЕДУЮЩИЙ установить триггер.
Активируйте опцию Нажмите и нажмите СОХРАНИТЬ И ЗАКРЫТЬ.
Вызов всплывающего шаблона
Как только шаблон всплывающего окна будет готов, вы можете вызвать его. Если вы хотите создать полноэкранное меню, вы можете создать заголовок с помощью Elementor или изменить существующий заголовок.
Прочитайте этот пост, чтобы узнать больше о том, как создать собственный заголовок с Elementor.
Вы можете вызвать шаблон всплывающего окна, который вы только что создали, с помощью любого виджета Elementor, у которого есть возможность добавить ссылку, например кнопку, значок, поле значка, текст, изображение и т. д.
В этом уроке мы используем виджет Icon Box. Выберите виджет, чтобы войти в режим редактирования. Под вкладкой Содержание На левой панели найдите поле, в которое нужно добавить ссылку.
Установите ссылку как динамическую и выберите «Всплывающее окно».
Выберите только что созданный шаблон всплывающего окна, щелкнув значок гаечного ключа.
Опубликуйте/обновите шаблон заголовка.
Получить Elementor Pro сейчас !!!
Заключение
Здесь ! В этой статье рассказывается, как создать полноэкранное меню в Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
