前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wordpress输出导航菜单

wordpress输出导航菜单

作者头像
切图仔
发布2022-09-14 15:16:33
1.8K0
发布2022-09-14 15:16:33
举报
文章被收录于专栏:生如夏花绚烂
定义导航菜单

在主题根目录functions.php键入如下代码 注册菜单

代码语言:javascript
复制
register_nav_menus(array(
  // ’菜单名称‘=>'后台展示名称',
    'PrimaryMenu'=>'导航',
    'friendlinks'=>'友情链接',
    'footer_nav'=>'页脚导航'));
    add_theme_support('nav_menus'); //注册导航菜单

键为菜单别名,值为后台显示

加上这段代码我们就可以在后台控制菜单的显示位置

在后台定义导航菜单

步骤如下

1.选择外观->主题->自定义

2.点击菜单

3.创建新菜单

4.填写菜单信息

5.将分类目录/自定义页面/链接添加到该菜单

添加完毕后保存

**6.页面输出 **

代码语言:javascript
复制
<ul class="navbar-nav mr-auto">
    <?php
    $args = array(
        'order' => 'ASC'
    );
    $navs =  wp_get_nav_menu_items('PrimaryMenu', $args );
        //PrimaryMenu 为上面定义的菜单名称

    ?>
    <?php foreach($navs as $nav) {?>
    <li class="nav-item active">
        <a class="nav-link text-nowrap" href="<?php echo $nav->url?>"><?php echo $nav->title?><span class="sr-only">(current)</span></a>
    </li>
    <?php }?>
</ul>

更多参照 https://developer.wordpress.org/reference/functions/wp_get_nav_menu_items/

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 定义导航菜单
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档