Я новичок в 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 каждый раз, когда я изменяю содержимое в меню?
Спасибо за чтение.
Есть способ изменить структуру меню WordPress. Я не очень хорош в объяснении точного кода, но этот URL может помочь вам:
https://github.com/roikles/Wordpress-Bem-Menu
Он создает новую настройку навигации, основанную на методе БЭМ, для создания новой структуры.
По телефону bem_menu(
Вы можете добавить навигацию (читайте документы для получения дополнительной информации). Здесь вы можете настроить свои параметры.
Других решений пока нет …