Как при посадке на Wordpress поменять стили ul и li?

Question

[Константин]

Разбираю посадку навигации в хеддере. Всё делаю по урокам и видео и столкнулся со следующей проблемой. Когда я вынес отдельно хеддер в файл и в консоли Wordpress создаю меню, теряются стили.
Подскажите пожалуйста куда именно в моем случае нужно поместить эту строку и что я делаю не правильно?

<?php wp_nav_menu(array('theme_location' => 'main-menu', 'container' =>'', 'items_wrap' => '%3$s')); ?>

последним аргументом пытался манипулировать ul. Не вышло.
Вот код моей навигации

<nav>
            <ul class="mainNavigation" id="mobile">
                <li id="toggle"><a href="" class="mainLink" >Ассортимент</a>
                    <ul class="dropDown" id="drop">
                        <li id="check1"><a href="" class="drop-down-menu"><div class="miniIcon miniCottage"></div><span>Изолит® Cottage</span></a></li>
                        <li><a href="" class="drop-down-menu"><div class="miniIcon miniProfi"></div><span>Изолит® PROFI</span></a></li>
                        <li><a href="" class="drop-down-menu"><div class="miniIcon miniGreen"></div><span>Изолит® GREEN</span></a></li>
                    </ul>
                </li>
                <li><a href="" class="mainLink">Решения</a></li>
                <li><a href="" class="mainLink">Объекты</a></li>
                <li><a href="" class="mainLink">Статьи</a></li>
                <li><a href="" class="mainLink">Где купить</a></li>
            </ul>
        </nav>

практически вся стилизация выполнена через класс ссылки mainLink

Answer 1

[David Sedrakyan]

Дело в том, что Wordpress создает через свою функцию новое меню

https://developer.wordpress.org/reference/function...

почитай это, потом посмотри как выглядит меню который создает wordpress и уже после этого поменяй свои стили, чтобы они соответствовали классам который создат wordpress.

также можешь добавлять контейнеры для меню и давать им классы через эту же функцию в аргументах.

Comments

[Константин]

Хорошо,спасибо. Буду изучать

[Константин]

с ul разобрался. Через menu-class добавил свой родной стиль из таблицы своей. А как же всё-таки поступить с вложенными в ul элементами li и а , у которых тоже есть стили

[David Sedrakyan]

через css, .menu-class ul li { background-color:purple} например
изучайте CSS
в том числе можно добавить класс для ul и li через ту же функцию

$args
(array) (Optional) Array of nav menu arguments.
'menu'
(string) Desired menu. Accepts (matching in order) id, slug, name.
'menu_class'
(string) CSS class to use for the ul element which forms the menu. Default 'menu'.
'menu_id'
(string) The ID that is applied to the ul element which forms the menu. Default is the menu slug, incremented.
'container'
(string) Whether to wrap the ul, and what to wrap it with. Default 'div'.
'container_class'
(string) Class that is applied to the container. Default 'menu-{menu slug}-container'.
'container_id'
(string) The ID that is applied to the container.
'fallback_cb'
(callable|bool) If the menu doesn't exists, a callback function will fire. Default is 'wp_page_menu'. Set to false for no fallback.
'before'
(string) Text before the link markup.
'after'
(string) Text after the link markup.
'link_before'
(string) Text before the link text.
'link_after'
(string) Text after the link text.
'echo'
(bool) Whether to echo the menu or return it. Default true.
'depth'
(int) How many levels of the hierarchy are to be included. 0 means all. Default 0.
'walker'
(object) Instance of a custom walker class.
'theme_location'
(string) Theme location to be used. Must be registered with register_nav_menu() in order to be selectable by the user.
'items_wrap'
(string) How the list items should be wrapped. Default is a ul with an id and class. Uses printf() format with numbered placeholders.

[Константин]

David Sedrakyan: не совсем понял. Просто поиски решения в интернете приводят к десяткам строк функции, которые тоже не совсем понятны, но на сколько я понял такой же одной строкой добраться к тегам a вложенных в li, обойтись нельзя