最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > wordpress自定义导航菜单如何使用?,建站文章

wordpress自定义导航菜单如何使用?,建站文章

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

导读:建站文章建站文章一、在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

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