Мега менютата позволяват на потребителите да виждат повече връзки наведнъж, без да се налага да превъртат, задържат и запомнят съдържание от вашето меню. Най-добрият начин да мислите за мега менютата е, че те са падащи менюта в рамките на падащи менюта.
Така че вместо нормалното ви падащо меню, което показва подменю, когато задържите курсора на мишката върху основните си родителски връзки в навигационната лента, мега меню ви позволява да имате допълнителни родителски връзки и подменюта в падащото меню.
Как да добавите мега меню към навигационната си лента
Влезте в таблото за управление на WordPress и отворете Външен вид> Менюта .
Създайте меню с четири родителски връзки, като всяка от родителските връзки има свои връзки към подменюто. В примера по-долу добавям три елемента от подменюто под всяка от четирите връзки на родителското меню.
Създайте допълнителна връзка, която да служи като мега-меню връзка. За примера по-долу наричам тази връзка „Основна“. След това плъзнете двете връзки на родителското меню (всяка със своите връзки към подменюто) под главната връзка.
Сега, за да създадете вашето Megamenu, трябва да добавите специален CSS клас към основната връзка от най-високо ниво, наречена "Main". Можете да направите това, като кликнете върху връзката с опции на екрана в горната част на страницата си и се уверите, че опцията за клас CSS е маркирана.
И накрая, трябва да добавите CSS клас към връзката „Основна“, която току-що създадохте. Щракнете върху стрелката вдясно от елемента на главното меню, за да превключите допълнителни опции за конфигуриране. Намерете текстовото поле със заглавие CSS Classes и влезте в класа "мега-меню".
Сега, когато презареждате страницата си, можете да видите, че всички предишни менюта са били поставени в гигантското меню под тази връзка, Mega Menu.
Това е всичко за този урок, надявам се, че ще ви позволи да създадете мега меню Divi с лекота.
