Хотите узнать, как создать одностраничное навигационное меню в Elementor ?

Есть веб-сайты, которые имеют только одну страницу (главную). Даже если вы нажмете на элемент меню навигации, вы попадете в другой раздел той же страницы, а не на другую страницу.

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

Эта статья покажет вам, как это сделать.

Чтобы дать вам общее представление, вот пример одностраничного навигационного меню веб-сайта.

создать одностраничное меню навигации в Elementor

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

Хотя некоторые дополнения, такие как Основные дополнения et Блок питания, поставляются с виджетом для создания навигации на странице, вы также можете создать его без установки каких-либо надстроек.

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

Читайте также: Как установить пользовательскую позицию для мобильного меню в Elementor

Возьмем пример.

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

Сначала отредактируйте страницу с помощью Elementor и выберите раздел «Курсы» (используйте браузер для вашего удобства).

создать одностраничное меню навигации в Elementor

После выбора раздела Классы перейдите на вкладку Передовой с левой панели и откройте блок Передовой. ВведитеCSS-идентификатор участка в поле CSS-идентификатор.

создать одностраничное меню навигации в Elementor

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

Вызов идентификаторов CSS

Вы можете использовать любой виджет Elementor, у которого есть возможность добавить ссылку для вызова каждого идентификатора CSS, который вы добавили в разделы. Просто вставьте идентификатор CSS в поле ссылки. Добавить " # как префикс.

создать одностраничное меню навигации в Elementor

Если вы хотите использовать виджет «Меню навигации», вы можете изменить используемое меню. В поле URL-адреса каждого пункта меню введите идентификатор CSS с префиксом «#».

Получить Elementor Pro сейчас !!!

Заключение

Здесь ! В этой статье рассказывается, как создать полноэкранное меню в Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.

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

Но тем временем поделитесь этой статьей в разных социальных сетях.

...