当前位置:首页 > BootStrap > 正文内容
四月19日

时间:2016-04-19 11:47

用Bootstrap菜单样式替换你的WordPress菜单

0
分类:BootStrap | 评论:0人 | 浏览:92次   
Bootstrap菜单样式灵活多样,如果你的Wordpress主题是采用Bootstrap框架开发的,你想换掉它的导航样式的话,这篇文章将对我们有一定的帮助。或者你正在开发一个Bootsrap框架的Wordpress主题,在替换wp_nav_menu样式上,是比较麻烦,这篇文章对我们一定会有很大的帮助。
一、加载第三方插件代码

首先下载歪果仁开源的WordPress下生成Bootstrap导航条HTML代码文件:wp-bootstrap-navwalker-master wp_bootstrap_navwalker.php ,放到主题根目录里,或者你自己自定义文件夹里,我是放在inc文件夹里。然后在主题的functions.php文件中添加以下代码:

// 导入bootstrap菜单样式
include_once('inc/wp_bootstrap_navwalker.php');

二、注册主题菜单,在主题的functions.php文件中添加以下代码:
  1. register_nav_menus(
  2. array(
  3. 'header-menu' => __( 'top_menu' )
  4. )
  5. );
三、在header.php中输出菜单的位置添加代码:
  1. <?php
  2. wp_nav_menu( array(
  3. 'theme_location' => 'header-menu',
  4. 'container' => '',
  5. 'menu_class' => 'nav navbar-nav',
  6. 'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
  7. 'before' => '',
  8. 'after' => '',
  9. 'walker' => new wp_bootstrap_navwalker())
  10. );
  11. ?>
四、效果截图

来源:Dashu.info(微信号/QQ号:43318553),转载请注明出处,谢谢!

  • 评论:(0)
  • 有图有真相

站内搜索

css.php

无觅相关文章插件,快速提升流量