qian奇岸微信二维码 如您需要快速报价 请加技术经理微信 服务热线
13501992972
"MENU"
首页 > 开发知识 > 正文

wordpress建立自定义导航菜单的网站模版

奇岸开发
ahqian.com
10/29/2022
wechat

无需加好友免费技术支持

放前一章中,大家阐述了它wordpress在网站模版开发设计使得用wp_list_pages()和wp_list_categories根据()这俩函数公式建立page根据分类目录的导航菜单菜单和导航栏菜单。但两种方式建立的菜单不足灵便,根据界面的导航栏菜单不可以添加分类目录,根据分类目录的导航栏菜单也无法添加page做为菜单页面。那样,wordpress建立导航栏菜单是否存在灵活多变的方法来包含page网页页面、分类目录,乃至别的选择项。是否定的。根据wordpress我们可以给予方式wordpress建立自定义导航菜单的网站模版。下边,跟我一起来看一下。

wordpress默认设置前提下,网站后台管理并没有菜单选择项,我们应该wordpress将这一作用添加到主题模板中。这一,我们可以进到wordpress看后台管理外观,如下图所示:

因此,我们应该首先来wordpress主题的functions.php在文档中申请注册菜单的编码如下所示:

//菜单register_nav_menus( array("menu_top" => 头顶部导航栏,menu_bottom" => 底部导航, );

添加上边的编码后,我们再wordpress从网址环境外观看来,就会发现另一个菜单,这就是我们所需要的订制菜单。如下图所示:

给wordpress在网站后台管理添加菜单作用后,我们可以wordpress在后台管理菜单中建立前台接待网页页面的自定义导航菜单。点击外型里的菜单

如下图所示:

填好菜单名,点一下建立菜单进到菜单构造页面,如下图所示:

在这样一个菜单构造页面中,我们可以选择页面、分类目录、文章左边添加菜单项里的自定连接里的子项目,点击添加菜单添加到右边的菜单构造中wordpress挑选网站前台导航栏菜单上显示内容。如下图所示:

?随后,查验显示位置,随后点击储存菜单按键。

wordpress在后台管理建立菜单后,我们要想wordpress我们还要在网站前台表明wordpress在网站模版中启用。在给functions.php在添加菜单作用时,大家设置权限2个菜单部位:头菜单和底菜单。以头顶部菜单为例子wordpress网站模版的头顶部模版header.php添加下列编码:

$menu = array( "container" => false, //外层标签名 "theme_location" => "menu_top", //菜单类名 "depth" => 0, //菜单深层);wp_nav_menu( $menu );

那样,我们就能在那儿了wordpress我们添加的导航栏菜单出现在了网站前台头顶部,如下图所示:

?有点儿丑吧?我们可以添加这一菜单CSS为了能使它看上去更强,这里不演试了。在后面的编码中,大家用了它wordpress的一个函数——wp_nav_menu()这一函数的作用是在前端打印出后台管理建立的菜单。这一函数的参数跟wp_list_pages()和wp_list_categories()这俩函数的参数类似,能是字符串数组或二维数组。

wp_nav_menu()函数调用如下所示:

wp_nav_menu( array("theme_location" => ,//导航栏别称menu" => "", ///期待标注的菜单container" => "div", ///器皿外标识container_class" => "",//ul父节点class类名"container_id" => "", //ul父节点id名"menu_class" => "menu", //ul节点class类名"menu_id" => "", //ul连接点id名"echo" => true,默认设置前提下,//是不是导出菜单,true或1时,输出打印;false或0,不导出。"fallback_cb" => "wp_page_menu", //菜单不会有时,回到默认设置菜单,设为false一般不回到"before" => "", //连接上文本after" => "", //连接后文字link_before" => "", ///连接文字前link_after" => ‘,//连接文字后items_wrap" => "

    %3$s
", //如何包装目录depth" => 0, //菜单深层,默认设置0"walker" => "" //自定walker) );

由此可见,wp_nav_menu()函数的参数依然许多,但实际应用中,不用设定全部,一般我们只需应用其他几个基本主要参数,比如,只采用三个主要参数,打印出wordpress网站头顶部导航栏菜单。

通过上述流程,大家是wordpress网站模版增强了订制导航栏菜单功能的,看起来有些繁杂,是吧?确实,跟wp_list_pages()和wp_list_categories()这俩导航栏菜单较为复杂。可是,每天做几次后,你就会发现这类自定义导航菜单更加灵活。不管怎样,我们要把握这三种添加导航栏菜单的办法,并在不同要求中应用不同类型的方式。

热度517

了解更多wordpress建立自定义导航菜单的网站模版欢迎联系奇岸开发客服。

奇岸开发可定制企业官网小程序、小程序商城、餐饮外卖小程序、预约小程序、多门店小程序、分销小程序及个人小程序。

微信二维码

微信长按识别或扫一扫,无需加好友直接咨询,企业网站开发、网站托管维护、企业管理系统开发、微信小程序制作、域名主机、网站备案、网站改版等提供专业技术解答。

精彩推荐

猜你喜欢