wordpress怎么实现前台直接调用菜单为导航，看看这个方法就会了

wordpress怎么实现前台直接调用菜单为导航(看看这个方法就会了)使用过wordpress的小伙伴都知道wp的后台可以直接添加菜单作为导航，这样子既方便有实用，我们可以直接为自己添加那个想用的页面及分类目录都是可以选择的，比较人性化。还有很多小伙伴想实现wordPress缩略图其实也是很简单的实现的卡卡哥也有在博客写到

这里说说俩种wordpress前台调用代码的方法

首先直接是代码调用分类页面或者页面作为导航选择页面

页面调用：
<?php wp_list_pages(

‘sort_column=menu_order&title_li=

&depth=2&include=’); ?>
分类目录调用:
<?php wp_list_categories(

‘title_li=0&orderby=name&show_count

=0&depth=2’); ?>

上面的这俩串代码第一个是页面调用，第二个是分类页面调用使用的比较多的是第二个分类页面的调用，这里看自己的行情需要怎么调用自己选择。当然wordpress菜单menu页面和分类及页面调用菜单页面外观是一样的如下图：

今天我们主要说的是菜单调用的刚发当然也是一样是代码实现的

1、我们将下面的代码放入函数模板functions.php里面在<?php这里是你要放的代码 ?> 没有这个文件的直接创建一个就行。

//导航菜单页面调用
register_nav_menus( array(
‘menu’ => __( ‘menu’, ” ),
) );

把上面的代码放入functions.php模板以后我们还需要在前台调用代码添加进去 代码如下

<?php wp_nav_menu( ‘id=navbar’ ); ?>

当然你添加进去以后直接在后台菜单添加你需要的分类目录及页面，添加好了以后直接生成到菜单里面就ok了下面是menu代码的截图如下

我们还需要注意的是这个代码是默认没有css样式的我们需要自己写一个，这里卡卡哥把自己前台样式页表分享给大家，希望大家可以喜欢，如果不需要可以自己在写也是可以的

/*导航页面css*/
.menu-menu-container>ul>li{
float: left;
text-align: center;
font-weight: bold;
list-style: none;
line-height: 45px;

.menu-menu-container>ul>li>a {
display: block;
color: #fff;
padding: 0 22px;
border-right: 1px dotted #563a3a;

.menu-menu-container>ul>li>a:hover{
background: #b11818;
/*导航页面css结束*/
nav>ul>li>a:hover{ display: block;
background: #8a0505;

.active,a:active{background: #8a0505;
/*导航页面css结束*/

把上面的代码放到style.css文件即可

需要注意的是什么啦？

我们需要注意的是添加默认的调用菜单页面是menu这个菜单页面那么我们肯定在后台生成的页面也要是menu这个一般默认的是menu1我们直接把1删除然后添加保存就行。不然前台会识别不到menu这个代码调用。