Question

我正在研究wordpress主题开发和导航菜单。但是默认情况下，菜单项显示在列表中。我想将菜单项作为按钮，并希望它们与引导类一起下拉。请帮我

Answer 1

最简单的方法是使用现成的解决方案。有一个WP_Bootstrap_Navwalker类，该类扩展了WordPress的本机Walker_Nav_Menu类，并使导航菜单可用于Bootstrap3。Download it from 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类和ID将其添加。

此外，请仔细阅读WP_Bootstrap_Navwalker README.md文件。

最初在这里发布：Add Bootstrap dropdown class to a nav menu

WordPress导航菜单

1 个答案: