最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > wordpress主题开发:导航菜单函数wp_nav_menu()使用方

wordpress主题开发:导航菜单函数wp_nav_menu()使用方

时间:2023-07-23 11:07:23 阅读: 文章分类: 网站建设 作者: 网站编辑员

导读:建站技术建站技术我们在做wordpress主题开发的时候,必不可少的是要读取后台外观-菜单中的导航结构,那么就需要用到wp_nav_menu()函数,本篇文章小编问大家介绍wp搭建网站信息技术网站。

搭建网站信息技术网站

我们在做wordpress主题开发的时候,必不可少的是要读取后台外观-菜单中的导航结构,那么就需要用到wp_nav_menu()函数,本篇文章小编问大家介绍wp_nav_menu()函数的使用方法。 wordpress主题开发:导航菜单函数wp_nav_menu()使用方法 wp_nav_menu()函数使用非常的简单,只需要在你需要的地方放入以下代码即可:

<?php wp_nav_menu($args) ;?>

其中$args是函数的参数,下面会详细说明:

<?php $defaults = array( 'theme_location' => '',//用于在调用导航菜单时指定注册过的某一个导航菜单名,如果没有指定,则显示第一个 'menu' => '',//使用导航菜单的名称调用菜单,可以是 id, slug, name (按顺序匹配的) 。 'container' => 'div',//最外层容器标签名 'container_class' => '',//最外层容器class名 'container_id' => '',//最外层容器id值 'menu_class' => 'menu',//ul 节点的 class 属性值。 'menu_id' => '',//ul 节点的 id 属性值。 'echo' => true,//确定直接显示导航菜单还是返回 HTML 片段,如果想将导航的代码作为赋值使用,可设置为false。 'fallback_cb' => 'wp_page_menu',//备用的导航菜单函数,用于没有在后台设置导航时调用 'before' => '',//显示在导航a标签之前 'after' => '',//显示在导航a标签之后 'link_before' => '',//显示在导航链接名之前 'link_after' => '',//显示在导航链接名之后 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',//使用字符串替换修改ul的class。 'depth' => 0,//显示菜单的深度, 当数值为 0 时显示所有深度的菜单。 'walker' => ''//自定义的遍历对象,调用一个对象定义显示导航菜单。 ); wp_nav_menu( $defaults ); ?>

使用

<?php wp_nav_menu($args) ;?>

读取出来的导航菜单HTML结构如下

<div class="menu-%e5%af%bc%e8%88%aa-container"><ul id="menu-%e5%af%bc%e8%88%aa" class="menu"><li id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-62"><a href="http://localhost/wordpress/" rel="external nofollow" rel="external nofollow" >首页</a></li> <li id="menu-item-32" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-32"><a href="http://localhost/wordpress/category/html" rel="external nofollow" rel="external nofollow" >HTML</a></li> <li id="menu-item-33" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-33"><a href="http://localhost/wordpress/category/css" rel="external nofollow" rel="external nofollow" >CSS</a></li> <li id="menu-item-34" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-34"><a href="http://localhost/wordpress/category/javascript" rel="external nofollow" rel="external nofollow" >JavaScript</a></li> <li id="menu-item-35" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-35"><a href="http://localhost/wordpress/category/jquery" rel="external nofollow" rel="external nofollow" >jquery</a></li> <li id="menu-item-36" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-36"><a href="http://localhost/wordpress/category/php" rel="external nofollow" rel="external nofollow" >PHP</a></li> <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="http://localhost/wordpress/sample-page" rel="external nofollow" rel="external nofollow" >示例页面</a></li> </ul></div>

关键词标签: 建站 函数 使用方法

声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章wordpress主题开发:导航菜单函数wp_nav_menu()使用方主要讲述使用方法,函数,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35326.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章