Intereting Posts

Конвертирование HTML в WordPress

Я столкнулся с проблемой. Я хочу преобразовать html в WordPress меню. Многоуровневое меню. Но я не хочу менять и class / id / any div.

Возможно ли сделать меню из текущей структуры?

Вот структура:

<div class="collapse navbar-collapse" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://abcnews.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Todays News </a> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="#">USA</a> <a class="dropdown-item" href="#">International</a> <a class="dropdown-item" href="#">Economics</a> </div> </li> <li class="nav-item"> <a class="nav-link" href="#">National</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Comments</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Sports</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Entertainment</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Cartoon</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Science</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Lifestyle</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Education</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Culture</a> </li> <li class="nav-item"> <a class="nav-link" href="#">We're</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Others</a> </li> </ul> </div> 

Вы можете посмотреть, как структура смотрит на эту ссылку – https://developer.wordpress.org/reference/functions/wp_nav_menu/

Вы можете добавить свои классы в эти параметры, и они должны работать. Посмотрите примеры, такие как темы, которые входят в стандарт WordPress, и используйте инструмент Inspect в Chrome, чтобы увидеть добавленные классы.

В основном вам придется играть с классами и другими параметрами, чтобы заставить его работать динамически. См. Эту ссылку для примера – http://www.yogihosting.com/integrate-bootstrap-menu-wordpress-website/

Если вы хотите выпадающий список, вам нужно будет прочитать о том, как реализовать навигационный ходок в коде. Это позволит вам создать динамический выпадающий список из меню, которое вы создаете в бэкэнд WordPress. Вам просто нужно стилизовать выпадающее меню, чтобы оно соответствовало вашему меню. Здесь вы можете скачать код навигационного ходока – https://github.com/wp-bootstrap/wp-bootstrap-navwalker