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

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

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

  1. register_nav_menus(
  2. array(
  3. 'header-menu' => __( 'top_menu' )
  4. )
  5. );
  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. ?>

Bootstrap


发布日期:

所属分类: BootStrap, Wordpress 综合 标签: