Мега-меню позволяют пользователям видеть больше ссылок за один раз без необходимости прокручивать, наводить курсор и запоминать содержание из вашего меню. Лучший способ представить себе мегаменю — это выпадающие меню внутри выпадающих меню.
Таким образом, вместо обычного раскрывающегося меню, которое показывает подменю при наведении курсора на основные родительские ссылки на панели навигации, мегаменю позволяет вам иметь дополнительные родительские ссылки и подменю в раскрывающемся меню.
Как добавить мега-меню на панель навигации
Войдите в свою панель управления WordPress и перейдите к Появления> Меню .
Создайте меню с четырьмя родительскими ссылками, каждая из которых имеет свои собственные ссылки подменю. В приведенном ниже примере я добавляю три пункта подменю под каждой из четырех ссылок родительского меню.
Создайте дополнительную ссылку, которая будет служить ссылкой в мегаменю. В приведенном ниже примере я называю эту ссылку «Главная». Затем перетащите две ссылки родительского меню (каждая со своими ссылками на подменю) под главной ссылкой.
Теперь, чтобы создать свой Megamenu, вам нужно добавить специальный класс CSS к главной ссылке верхнего уровня под названием «Main». Вы можете сделать это, щелкнув ссылку параметров экрана в верхней части страницы и убедившись, что опция класса CSS отмечена.
Наконец, вам нужно добавить класс CSS к только что созданной ссылке «Main». Щелкните стрелку справа от пункта меню «Главное», чтобы переключить дополнительные параметры конфигурации. Найдите текстовое поле с названием «Классы CSS» и введите класс «мегаменю».
Теперь, когда вы перезагрузите страницу, вы увидите, что все предыдущие меню были размещены в гигантском меню по этой ссылке, Мега-меню.
Это все для этого урока, я надеюсь, что он позволит вам создать мегаменю на Divi с легкостью.
