WordPress как на ладони
Очень Удобный и Быстрый Хостинг для сайтов на WordPress. Пользуюсь сам и вам рекомендую!

Выпадающие элементы в меню

Прошу помощи, не знаю, как это сделать. Листал по темам и форумам, нужного ответа так и не смог найти!

Есть готовая вёрстка сайта, нужно сделать её темой для WP. В ней 4 пункта меню: "Главная", "Новости", "Курсы", "Контакты". Пункт "Курсы" при клике мышью раскрывает 3 курса: "Курс 1", "Курс 2", "Курс 3". Пробовал задавать дочерние элементы меню в админ панели через Внешний вид -> Меню, но верстка тогда ломается и отображается некорректно. Дело в том, что вёрстка написана на фреймворке Materialize, и там меню пишется следующим образом:

<ul>
	<li><a href="#">Главная</a></li>
	<li><a href="#">Новости</a></li>
	<li><a class='dropdown-button' href='#' data-activates='dropdownThis'>Курсы</a></li> <!-- вот элемент с раскрывающимся списком -->
	<ul id='dropdownThis' class='dropdown-content '>
	   <li><a href="#!">Курс 1</a></li>
	   <li><a href="#!">Курс 2</a></li>
	   <li><a href="#!">Курс 3</a></li>
	</ul>
	<li><a href="#">Контакты</a></li>
</ul>

Т.е. нужно сделать так, чтобы, если элемент меню имеет дочерние элементы, к нему добавлялись определённые атрибуты, а его дочерние элементы оборачивались в другой тег ul c другими атрибутами.

Пожалуйста, скажите, как это сделать?

0
Гость
8 лет назад
  • 0

    <ul id='sub-menu' class='dropdown-content '>
    попробуй

    Комментировать
  • 0
    Kama9601

    Вам нужно меню подстроить под вывод WordPress: изменить классы верстки и название классов в таблице стилей. Это думаю самый простой вариант, хотя тут тоже нужно будет немного поработать. В принципе, исходный код меню по структуре очень похож на код который выводит WordPress, только классы называются по-другому, их адаптируй!

    Другой вариант - это написать свой walker для вывода меню - это программирование тут еще сложнее...

    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация