建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

网站如何添加导航菜单?只需wp_list_categories就可搞定(wordpress导航菜单功能制作方法)

GG网络技术分享 2025-03-18 16:12 0


网站如何添加导航菜单?只需wp_list_categories就可搞定

在前面的章节中,我们介绍了基于page页面的wordpress网站导航菜单的函数——wp_list_pages()。今天,我们再来介绍第二种导航菜单的方式——基于wordpress网站的文章分类目录的导航菜单,这种wordpress导航菜单是通过wp_list_categories()函数来实现的,它可以将wordpress网站的分类目录展示在wordpress网站前台的导航菜单中。下面,我们一起来看看如何使用wp_list_categories()来创建wordpress网站导航菜单吧。

一、wp_list_categories()函数用法。

这个函数有一个参数,它的参数既可以是字符串类型的数据,也可以是一个数组类型的数据,这点跟wp_list_pages()函数类似。

二、wp_list_categories()函数的参数详解。

以上,我们列举了wp_list_categories()函数的主要的参数,以及它们都代表什么。其实,在我们的实际使用中,并不是每一个参数都会用到,一般情况下,我们只会使用其中的某几个。我们会在下面的案例中具体解说。

三、wp_list_categories()案例。

案例1:分类目录导航列表按层级来排列。

如下图,子分类会按层级的关系,缩进去2格;并且没有显示列表的标题。

案例2:只显示顶级分类,不显示子分类,并显示列表标题。

这里,我们把depth参数的值设成1,就表示只显示一级分类目录,子分类就不会显示;如果设成2,就会显示2级分类,子分类就会显示;如果设成3,就会显示3级分类,子分类和子分类的子分类都会显示出来;以此类推。设成0,表示所有分类都显示,并且按层级显示。另外,我们这里也添加了分类菜单的列表标题,这样,如果在侧边伴,这个标题还是非常管用的;如果是顶部导航菜单,这个标题还是省略比较好。效果如下图:

案例3:排除某些分类。也就是不让某些分类显示出来。代码如下:

这里,我们设置了排除3个分类,它们的ID号分别是:52(亲子),81(养生),103(家居)。这样,我们在wordpress网站的前台页面的导航菜单中就看不到这几个分类目录。如下图,可以对比一下上图:

​好了,关于wordpress网站分类目录导航菜单函数wp_list_categories(),这里我们就只举这几个案例,在实际应用中,我们可以根据不同的需求,来设置不同的参数,要做到灵活多变。这些参数还是很好理解的,只需多练习,就可轻松掌握。

wordpress导航菜单功能制作方法

我们在做wordpress企业主题的时候常常要用到wordpress的菜单功能,用来添加目录,页面以及自定义链接来用作导航。

制作菜单导航的方法很简单只需要在主题函数functions.php中加入如下代码就可以轻松实现了;

<?php

if( function_exists('register_nav_menus') ){

register_nav_menus(

array(

'head_nav1' => '菜单栏',

)

);

}

我们也可以用这个方法添加多个菜单

例如手机导航,底部链接

<?php

if( function_exists('register_nav_menus') ){

register_nav_menus(

array(

'head_nav1' => '菜单栏',

'head_nav2' => '手机导航',

'head_nav3' => '底部链接',

)

);

}

文字可以自己定义展示效果如下:

下篇文章给大家介绍wordpress菜单的调用方式。

标签:

提交需求或反馈

Demand feedback