个性化阅读
专注于IT技术分析

WordPress导航菜单

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


#1


最简单的方法是使用现成的解决方案。有一个WP_Bootstrap_Navwalker类, 该类扩展了WordPress的本机Walker_Nav_Menu类, 并使你的导航菜单可用于Bootstrap3。可从GitHub下载。

其次, 使其可用于WordPress。将以下内容添加到functions.php中:

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

更改目录路径/以适应你的需求。

接下来, 使用以下代码更改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文件。

最初发布在这里:将Bootstrap下拉类添加到导航菜单

赞(0) 打赏
未经允许不得转载:srcmini » WordPress导航菜单
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏