Как использовать оригинальное навигационное меню HTML, структура которого отличается от «& lt;? Php wp_nav_menu (); ? & GT;»?

Я новичок в WordPress.

Можно ли использовать оригинальный HTML для меню навигации и редактировать его заголовки и URL в админке WordPress?

Моя навигация HTML выглядит следующим образом.

<nav>
<ul id="menu">
<li><a>Menu1</a>
<div class="slideToggleThis">
<ul>
<li><a>Menu1-1</a>
<ul>
<li><a href="#">Menu1-1-1</a></li>
<li><a href="#">Menu1-1-2</a></li>
<li><a href="#">Menu1-1-3</a></li>
</ul>
</li>
<li><a>Menu1-2</a>
<ul>
<li><a href="#">Menu1-2-1</a></li>
<li><a href="#">Menu1-2-2</a></li>
<li><a href="#">Menu1-2-3</a></li>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<ul id="hamburger">
<li><a id="hamburgerFont"></a>
<ul>
<li><a>MenuS</a>
<ul>
<li><a href="#">MenuA</a></li>
<li><a href="#">MenuB</a></li>
<li><a href="#">MenuC</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>

Как вы можете видеть из этого, моя навигация имеет div между ul и li. Div необходим, потому что навигация организована с помощью Flexbox, поэтому slideToggle из JQuery не работает должным образом без него (slideToggle изменяет отображение затронутых элементов на блокировку, которая не подходит для отображения: flex;).

Насколько я знаю, HTML-код создан «? Php wp_nav_menu ();?» это простая комбинация ul и li, которая отличается от моей.

Есть ли решение для меня, чтобы отредактировать мое оригинальное меню навигации HTML в WordPress Admin? или я должен вручную изменять файлы php каждый раз, когда я изменяю содержимое в меню?

Спасибо за чтение.

-1

Решение

Есть способ изменить структуру меню WordPress. Я не очень хорош в объяснении точного кода, но этот URL может помочь вам:

https://github.com/roikles/Wordpress-Bem-Menu

Он создает новую настройку навигации, основанную на методе БЭМ, для создания новой структуры.

По телефону bem_menu( Вы можете добавить навигацию (читайте документы для получения дополнительной информации). Здесь вы можете настроить свои параметры.

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]