Искате ли да разберете как да създадете навигационно меню за една страница в Elementor ?

Има уебсайтове, които имат само една страница (началната). Дори когато щракнете върху елемент от менюто за навигация, ще бъдете отведени до друга секция на същата страница вместо друга страница.

Целта на този вид уеб сайт е да се гарантира, че посетители фокусирайте се върху вашето съдържание. В допълнение към съдържанието, друг ключов елемент на a уеб сайт към страница е менюто за навигация. в Elementor, е много лесно да създадете навигационното меню на a уеб сайт на една страница.

Тази статия ще ви покаже как.

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

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

Както споменахме, не е трудно да се създаде навигационно меню на уебсайт от една страница като този по-горе Elementor.

Въпреки че някои добавки, като напр Основни добавки et захранващ пакет, идват с притурка за създаване на навигация на страница, можете също да създадете такава, без да инсталирате добавки.

Основната идея е да посочите елемент от менюто към определен раздел на страницата. За да направите това, трябва да добавите CSS ID към секцията, към която искате да посочите.

Прочетете още: Как да зададете персонализирана позиция за мобилно меню в Elementor

Да вземем пример.

Да предположим, че имате елемент от менюто, наречен "Класове" и искате вашите посетители да бъдат насочвани към секцията „Курсове“ на вашия уебсайт с една страница всеки път, когато кликнат върху елемента от менюто „Курсове“.

Първо редактирайте страницата с Elementor и изберете секцията „Класове“ (използвайте браузъра за ваше удобство).

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

След като изберете секцията Класове, отидете на раздела напреднал от левия панел и отворете блока напреднал. Влез вCSS ID на секцията в полето CSS ID.

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

Повторете горните стъпки за други секции, които искате да обозначите с елементи от менюто.

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

Можете да използвате всяка джаджа на Elementor, която има опция за добавяне на връзка за извикване на всеки CSS идентификатор, който сте добавили към секции. Просто поставете CSS id в полето за връзка. Добавете " # като префикс.

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

Ако искате да използвате изпълнимия модул Nav Menu, можете да промените менюто, което използвате. В полето URL на всеки елемент от менюто въведете CSS ID с "#" като префикс.

Вземете Elementor Pro сега!!!

Заключение

Тук ! Това е за тази статия, която ви показва как създайте меню на цял екран в Elementor. Ако имате някакви притеснения относно това как да стигнете до там, уведомете ни в рамките на Връзка.

Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.

Но междувременно, споделете тази статия във вашите различни социални мрежи.

...

Тя ПИН на Pinterest