首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >WordPress wp_nav_menu()定制和过滤

WordPress wp_nav_menu()定制和过滤
EN

Stack Overflow用户
提问于 2019-07-10 22:43:22
回答 1查看 271关注 0票数 1

晚上好,我正在尝试使用wp_nav_menu()过滤WordPress的一些默认元素,并尝试根据我的样式表添加元素-请参阅下面的代码详细信息,了解用法和预期。

函数调用:

代码语言:javascript
复制
<nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
 <?php wp_nav_menu(); ?>
</nav>

当前结果:

代码语言:javascript
复制
<div class="menu-backend-menu-container">
        <ul id="menu-backend-menu" class="menu">
            <li id="menu-item-566" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-529 current_page_item menu-item-566">
                <a href="https://www.zony.ooo/users/data/" aria-current="page" data-ps2id-api="true">Data</a>
            </li>
            <li id="menu-item-571" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-571">
                <a href="http://www.zone.ooo/users/blog/" data-ps2id-api="true">Blog</a>
            </li>

预期结果

代码语言:javascript
复制
<nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
            <a class="mdl-navigation__link" href="https://www.zony.ooo/users/data/"><i class="mdl-color-text--blue-grey-400 material-icons" activerole="presentation">data</i>Data</a>
            <a class="mdl-navigation__link" href="https://www.zony.ooo/users/blog/"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">blog</i>Blog</a>
</nav>

它确实尝试了以下选项,但以错误的结果结束。任何帮助都会感激不尽。

代码语言:javascript
复制
wp_nav_menu(array( 'menu'            => '',
        'container'       => 'a',
        'container_class' => '',
        'container_id'    => '',
        'menu_class'      => 'mdl-navigation__link',
        'menu_id'         => '',
        'echo'            => true,
        'fallback_cb'     => 'wp_page_menu',
        'before'          => '',
        'after'           => '',
        'link_before'     => '',
        'link_after'      => '',
        'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
        'item_spacing'    => 'preserve',
        'depth'           => 0,
        'walker'          => '',
        'theme_location'  => ''
                ));
EN

回答 1

Stack Overflow用户

发布于 2019-07-11 13:15:42

您可以使用walker菜单来实现此目的。https://developer.wordpress.org/reference/classes/walker_nav_menu/。要添加类,可以将其添加到walker代码中。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56973208

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档