Как добавить классы ссылкам и ul в меню wordpress?

Question

[colorkid]

Всем привет.
Вот сайт там меню vita.colorkid.ru
Вывожу меню вот так <?
$menu = wp_nav_menu( array( 'echo' => 0,
'menu' => 'top-menu',
'container' => 'nav',
'menu_class' => 'main-menu') );
$menu = str_replace('class="page_item', 'class="page_item main-menu__li', $menu );
echo $menu;

?>

Все хорошо, но мне нужно, добавить класс к UL и ко всем ссылкам данного меню. Как это реализовать?
Получилось дать классы только для li.

Comments

[HelpSophie]

А расскажите, зачем классы ко всем ссылкам?

[colorkid]

ну типа БЭМ если я правильно понимаю.
вот тут https://habrahabr.ru/post/203440/ автор учит верстать макет по БЭМ, а вот тут https://habrahabr.ru/post/228523/ другой автом учит этуже тему на wordpress натягивать. И я так понял что БЭМ подход с wordpress не клеется.

[HelpSophie]

colorkid: в БЭМ каскад вообще запрещен?

[colorkid]

дела не в том, что я не хочу пользоваться каскадом. Меня смущает, что я должен верстать с оглядкой на cms на которую она будет натягиваться. Например сделал класс main-menu__a и все стили к ссылкам в меню прописал через данный селектор, и если данную верстку потом натягивать на wordpress то она не подойдет получается :( и при натяжки макета придется активно перерабатывать стили. Это как то странно мне кажется.

[Ankhena]

colorkid: Ну, теоретически, Вы можете исправить CMS, а не верстку. В реальной жизни да, верстку надо адаптировать к конкретной CMS. И в данном случае проще исправить селекторы, чем увеличивать код и накручивать костыли.

Answer 1

[Руслан Бегалиев]

'menu_class' => 'menu'
этот аргумент добавляет классы к тегу ul а меню

Answer 2

[Максим]

Там и так все классы нужные есть. Стоит только их узнать и писать стили для них.

Comments

[Serg_SA]

Не всегда удобно, например при bootstrap-верстке, где классы уже прописаны.. например для li горизонтального меню: .navbar-nav>li; в таком случае проще классы поменять в верстке..