wordpress自定义导航菜单如何使用?,建站文章
导读:建站文章建站文章一、在wordpress模板中添加注册菜单代码。 首先要注册菜单,将以下函数添加至function.php函数里: register_nav_menus(arr快速建站技术国外技术网站。
一、在wordpress模板中添加注册菜单代码。
首先要注册菜单,将以下函数添加至function.php函数里:
register_nav_menus(array( 'PrimaryMenu'=>'导航', 'friendlinks'=>'友情链接', 'footer_nav'=>'页脚导航')); add_theme_support('nav_menus');
‘PrimaryMenu’=>’导航’
这个表示导航栏的名称,左边是别名,右边是名称。别名会用在导航栏的调用上,名称则显示在菜单后台页面上
添加上述函数后,进入wp后台,在左侧菜单的“外观”里即多了“菜单”选项
二、在wordpress网站后台创建菜单。
创建一个名称为“导航栏”的菜单。
可以看到主题位置显示了三个位置,即刚才我们添加到function.php的函数里设置的。
在后台创建了菜单,并勾选主题位置后,开始下一步。
三、在wordpress模板中引用菜单。
在主题文件对应位置,引用导航栏。需要用到下面这个函数。
<?php wp_nav_menu( array( 'theme_location'手机模板dede => '',//导航别名 'menu' => '', //期望显示的菜单 'container' => 'div', //容器标签 'container_class' => '',//ul父节点class值 'container_id' => '', //ul父节点id值 'menu_class' => 'menu', //ul节点class值 'menu_id' => '', //ul节点id值 'echo' => true,//是否输出菜单,默认为真 'fallback_cb' => 'wp_page_menu', //菜单不存在时,返回默认菜单,设为false则不返回 'before' => '', //链接前文本 'after' => '', //链接后文本 'link_before' => '', //链接文本前 'link_after' => '',//链接文本后 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', //如何包装列表 'depth' => 0, //菜单深度,默认0 'walker' => '' //自定义walker ) ); ?>
这些是几乎所有的参数,还有一个item_space参数没写进去,觉得没什么必要。接着来讲讲这些参数如何使用,并给出了相应例子,以供参考。
最简单的用法:
<?php wp_nav_menu( array( 'theme_location'=>'PrimaryMenu', 'depth' => 0) ); ?>
输出结果为:
< div class="menu-导航栏-container"> < ul id="menu-导航栏" class="menu"> < li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-27">< a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >首页</a></li> < li id="menu-item-28" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-28">< a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >一级导航</a> < ul class="sub-menu"> < li id="menu-item-29" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-29">< a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >二级导航</a></li> < li id="menu-item-30" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-30">< a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >二级导航1</a></li> < li id="menu-item-31" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-31">< a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >二级导航2</a></li> </ul> </li> </ul> </div>
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章wordpress自定义导航菜单如何使用?,建站文章主要讲述自定义,如何使用,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_34945.html
- 上一篇:百度搜索网页标题规范,网站搭建
- 下一篇:泛蜘蛛站群程序永久免费使用,搭建网站