Не могу подставить нужный class в выпадающее меню 2 го порядка
-
Здравствуйте знакомлюсь с wordpress, и столкнулся с огромной для себя проблемой, не могу прикрепить нужный class к выпадающему списку меню 2 уровня…
Использую фреймворк uikitРазметка меню выглядит так:
<ul class="uk-navbar-nav"> <li class="uk-active"><a href="#">Пункт меню</a></li> <li><a href="#" uk-icon="icon: chevron-down">Пункт меню</a> <div class="uk-navbar-dropdown"> <ul class="uk-nav uk-navbar-dropdown-nav"> <li><a href="#">Подпункт меню</a></li> <li><a href="#">Подпункт меню</a></li> <li><a href="#">Подпункт меню</a></li> </ul> </div> </li> <li><a href="#">Пункт меню</a></li> </ul>в header.php вывожу так:
<?php wp_nav_menu( array( 'theme_location' => 'uk-navbar-nav', 'depth' => 0, 'menu_class' => 'uk-navbar-nav', 'container' => false)); ?>в functions.php регю так:
php register_nav_menus(array( 'uk-navbar-nav' => 'Верхнее горизонтальное меню', 'footer' => 'Нижнее меню' ));Результат:
http://prntscr.com/f2evx3 (скрин)
То есть не работает меню 2 порядка, вот скрин кода: http://prntscr.com/f2ewqd
Ещё не понятно сделать активным .uk-active чтобы при переходе в любую категорию было видно где нахожусь…
-
tuxfighter
Как мне в 2 оборачивающих контейнера выпадающего меню добавить свои clsss.Скрин: http://prntscr.com/f2kjki
mazletop, стили в админке можно задать только пунктам меню, в чём вы уже успели убедиться.
Насколько поняла из ваших слов, ВП просто не дает втиснуть свою div обертку для выпадающего меню. Для «внешнего меню» — это пожалуйста, для «внутреннего» только ul и всё. Мне кажется, он и не даст вам это сделать, так как для него это два разных типа меню, если хотите… причем второй с обрезанным, так сказать, «функционалом».
Вам 2 раза задали вопрос, но вы так внятно на него не ответили. Зачем вам понадобилась своя обертка для выпадающего меню? Зачем вам туда втискивать свои классы? Вы можете ответить на этот простой вопрос? Вы показали текущую структуру меню и идеальную (которую бы хотели получить).
Вам недостаточно для подменю его родного класса: sub-menu
Вы хотите навесить на этот элемент ещё 2 своих класса: uk-nav и uk-navbar-dropdown-nav. Плюс вам ещё позарез понадобилась дополнительная обертка с классом uk-navbar-dropdown.
Барабанная дробь: ЗАЧЕМ?
Какую цель вы пытаетесь достичь, устраивая себе такие сложности? Может есть другой способ решить проблему. Или вам нужна своя идеальная структура ради структуры?
P.S. Попробуйте добавить фильтр в файл функций:
Это вложенный див не создаст, но позволит добавить 2 нужных класса к вложенному списку.
function new_submenu_class($menu) { $menu = preg_replace('/ class="sub-menu"/','/ class="yourclass" /',$menu); return $menu; } add_filter('wp_nav_menu','new_submenu_class');Satico
Вам 2 раза задали вопрос, но вы так внятно на него не ответили. Зачем вам понадобилась своя обертка для выпадающего меню? Зачем вам туда втискивать свои классы? Вы можете ответить на этот простой вопрос? Вы показали текущую структуру меню и идеальную (которую бы хотели получить).
Здравствуйте, я ответил, uk-nav и uk-navbar-dropdown-nav и др. хренотень это стили фреймворка uikit3 https://getuikit.com/docs/navbar (вот эта самая менюшка)
Там вообще пока нету моих стилей, я ничего не писал в этом шаблоне своего, просто накидал готовые компоненты.
Так уж устроена эта менюшка с обертками своими.
Какую цель вы пытаетесь достичь, устраивая себе такие сложности? Может есть другой способ решить проблему. Или вам нужна своя идеальная структура ради структуры?
Я хочу делать сайты на ВП с помощью фреймворка uikit3, мне но очень нравится, и ещё парочку др. использовать.
Для начала моя задача заставить работать готовые компоненты…Но пока с менюшкой что то не очень пошло. Я не программист, я просто верстальщик и дизайнер…—
qwert555 (@qwert555)
Или, если делать для себя и не часто менять эти пункты меню, то прописал бы все ссылки менюшек прямо в шаблоне, тем более header.php вы все равно редактировали
Ну пока для себя делаю… придется прямо в шаблоне писать, не думал что столкнусь с такими проблемами.
Хотелось конечно в будущем клепать шаблоны на uikit3 для вордпресс, но чую я это целая проблема… Если только на bootstrap опять переходить.
—
Это вложенный див не создаст, но позволит добавить 2 нужных класса к вложенному списку.
может поможет эта ссылка вам https://wp-kama.ru/function/wp_get_nav_menu_items
Спасибо за информацию, изучаю.
SeVlad, :))
mazletop, вам действительно стоило бы с самого начала детально объяснить, что есть, и что хотите получить на выходе.
Если правильно понимаю: фреймворк создает для вложенного меню свою обертку и свои классы для ul. К этим классам привязаны стили для выпадающего меню в файле CSS.
Но когда вы регистрируете меню стандартным способом, обертка и стили у подменю не добавляются, из-за чего к подменю не применяются необходимые стили. На скрине в первом сообщении это видно — подменю отображается криво, у него даже маркеры списка появились.
Я правильно подвела итог двух исписанных страниц текста? 🙂
- Тема «Не могу подставить нужный class в выпадающее меню 2 го порядка» закрыта для новых ответов.