Wordpress навигационные меню

Question

Я работаю над разработкой WordPress и навигационными меню.Но по умолчанию пункты меню отображаются в списках.Я хочу получить пункты меню в виде кнопок и сделать их выпадающими с помощью классов начальной загрузки.Пожалуйста, помогите мне

Answer 1

Самый простой способ сделать это - использовать готовое решение.Существует класс WP_Bootstrap_Navwalker, который расширяет родной для WordPress класс Walker_Nav_Menu и делает ваши меню навигации готовыми для Bootstrap 3. Загрузите его с GitHub.

Во-вторых, сделайте его доступным для WordPress.Добавьте в файл functions.php следующее:

<?php
require_once('path-to-the-directory/wp-bootstrap-navwalker.php');

Измените path-to-the-directory/ в соответствии со своими потребностями.

Затем измените ваш wp_nav_menu() с помощью следующего кода:

<?php
wp_nav_menu( array(
    'menu'              => 'header', // match name to yours
    'theme_location'    => 'header',
    'container'         => 'div', // no need to wrap `wp_nav_menu` manually
    'container_class'   => 'collapse navbar-collapse',
    'container_id'      => 'collapse-1',
    'menu_class'        => 'nav navbar-nav',
    'fallback_cb'       => false,
    'walker'            => new WP_Bootstrap_Navwalker() // Use different Walker
));

Обратите внимание, что вам больше не нужен <div class="collapse navbar-collapse" id="collapse-1">, поскольку он будет добавлен wp_nav_menu() с надлежащими классами CSS и идентификатором.

Кроме того, внимательно прочитайте файл README.md WP_Bootstrap_Navwalker.

Первоначально опубликовано здесь: Добавить выпадающий класс Bootstrap в навигационное меню