关于wordpress中页面输出导航菜单的问题，

问题描述

问 题

下面是我预想中的HTML结构

        <ul class="nav navbar-nav">
            <li class="active"><a href="javascript:void(0)" data-toggle="popover" data-trigger="focus" data-content="主页" data-placement="bottom">Home</a></li>
            <li><a href="#" data-container="body" data-toggle="popover" data-placement="bottom" data-content="服务">Service</a></li>
            <li><a href="#" data-container="body" data-toggle="popover" data-placement="bottom" data-content="作品">works</a></li>
            <li><a href="#" data-container="body" data-toggle="popover" data-placement="bottom" data-content="关于">About</a></li>
            <li><a href="#" data-container="body" data-toggle="popover" data-placement="bottom" data-content="联系">Contact</a></li>
        </ul>

我用

<?php

wp_nav_menu( 
array(  
'theme_location'  => '', 
'menu'            => 'header-menu',  
'container'       => 'ul', //最外层容器标签名  
'container_class' => '', //最外层容器class名  
'container_id'    => '',//最外层容器id值  
'menu_class'      => 'nav navbar-nav', //ul标签class  
'menu_id'         => '',//ul标签id  
'echo'            => true,//是否打印，默认是true，如果想将导航的代码作为赋值使用，可设置为false  
'fallback_cb'     => 'wp_page_menu',//备用的导航菜单函数，用于没有在后台设置导航时调用  
'before'          => '',//显示在导航a标签之前  
'after'           => '</li>',//显示在导航a标签之后  
'link_before'     => '',//显示在导航链接名之后  
'link_after'      => '',//显示在导航链接名之前  
'items_wrap'      => '<ul id="%1$s">%3$s</ul>',  
'depth'           => 0,////显示的菜单层数，默认0，0是显示所有层  
'walker'          => '',
))
?>  

wordpress中的wp_nav_menu输出导航菜单，但是<a 标签里面的data-toggle="popover" data-trigger="focus" data-content="主页" data-placement="bottom" 这些东西要怎么一起输出呢？ ，wp_nav_menu中好像没有这个选项

解决方案

主要用到的是 walker 这个参数，这个参数允许你自定义一些你的输出链接格式。

https://codex.wordpress.org/Class_Reference/Walker

ps:我最近开通了sf的文章功能，正想将具体的菜单玩法写进去.

这篇关于关于wordpress中页面输出导航菜单的问题，的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！