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



一、加载第三方插件代码

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

然后在主题的functions.php文件中添加以下代码:

// 导入bootstrap菜单样式

include_once('inc/wp_bootstrap_navwalker.php');


二、注册主题菜单,在主题的functions.php文件中添加以下代码:

register_nav_menus(

array(

'header-menu' => __( 'top_menu' )

)

);


三、在header.php中输出菜单的位置添加代码:

<?php

wp_nav_menu( array(

'theme_location' => 'header-menu',

'container' => '',

'menu_class' => 'nav navbar-nav',

'fallback_cb' => 'wp_bootstrap_navwalker::fallback',

'before' => '',

'after' => '',

'walker' => new wp_bootstrap_navwalker())

);

?>

四、验证效果


签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回