#css #wordpress #twitter-bootstrap
#css #wordpress #twitter-bootstrap
Вопрос:
У меня проблема с моей темой. Я начинаю изучать WordPress theme designer и пытаюсь создать свою тему на bootstrap 4.
Хорошо, мой HTML-код выглядит как примеры начальной загрузки:
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
Но в wp, когда я использую этот код:
<?php
$args = array(
'menu' => 'Teamwant',
'theme_location' => 'primary',
'container' => 'ul',
'container_class' => 'nav nav-pills',
'container_id' => '',
'menu_class' => 'nav nav-pills',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'depth' => 0,
'walker' => ''
);
wp_nav_menu( $args );
?>
Моя тема не блокирует отображение. Я не могу запустить выпадающее меню и т.д.
Основная проблема заключается в
<li>
класс.
Как я могу это изменить?
И как я могу создать выпадающее меню?
И как я могу установить активный класс для активного элемента (когда я открываю ссылку из меню)?
Спасибо 😉
Комментарии:
1. Я полагаю, вам понадобится класс walker для работы ваших выпадающих меню. github.com/twittem/wp-bootstrap-navwalker
2. Когда я устанавливаю walker’ => ‘активный’, меню не отображается
3. Вам нужно установить ‘walker’ => ‘new wp_bootstrap_navwalker()’ и включить файл класса walker из этого репозитория github в вашу тему.
4. Хорошо, теперь все работает нормально, но как я создаю выпадающий список?