0

0

如何在 WordPress 中显示父页面的子页面列表

冰川箭仙

冰川箭仙

发布时间:2025-04-21 13:14:21

|

755人浏览过

|

来源于php中文网

原创

最近我们的一位读者问我们如何显示wordpress页面的子页面?

如果您使用父页面和子页面组织 WordPress 网站,那么您可能希望在主父页面上显示子页面或子页面。您可能还想在每个子页面上显示主页以方便浏览。

在本文中,我们将向您展示如何在 WordPress 中轻松显示父页面的子页面列表。

如何在 WordPress 中显示父页面的子页面列表

当您需要显示子页面列表时?

WordPress 附带两种默认的帖子类型,称为帖子和页面。帖子是博客内容,通常按类别和标签进行组织。

页面是常绿的一次性或独立内容,例如“关于我们”页面或“联系我们”页面。

在 WordPress 中,页面可以是分层的,这意味着您可以使用父页面和子页面来组织它们。

例如,您可能想要创建一个产品页面,其中包含功能、定价和支持的子页面。

要创建子页面,请按照我们有关如何在 WordPress 中创建子页面的指南进行操作。

创建父页面和子页面后,您可能希望在主父页面上列出子页面。

现在,一个简单的方法是手动编辑父页面并单独添加链接列表。

如何在 WordPress 中显示父页面的子页面列表

但是,每次添加或删除子页面时,您都需要手动编辑父页面。如果您可以创建一个子页面并且它会自动显示为父页面上的链接,不是更好吗?

话虽这么说,让我们看一下其他一些在 WordPress 的父页面上快速显示子页面列表的动态方法。

方法1.使用插件在父页面上显示子页面

此方法更简单,建议所有用户使用。

首先,您需要安装并激活页面列表插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后,您需要编辑父页面并只需在要显示子页面列表的位置添加以下短代码。

[subpages]

您现在可以保存页面并在新的浏览器选项卡中预览。您会注意到它显示了所有子页面的简单项目符号列表。

如何在 WordPress 中显示父页面的子页面列表

如果需要,您可以添加一些自定义 CSS来更改列表的外观。以下是一些示例 CSS,您可以将其用作起点。

如何在 WordPress 中显示父页面的子页面列表

H_Space房产网
H_Space房产网

功能说明(部分): 1,后台控制;所有前台显示页面,都在后台加以控制,不需登陆FTP即可更改全部的页面显示信息。 2,可选择用户发表的信息是否要求验证,如果选择只有通过验证后的信息才能在网页上显示。 3,推荐好友支持;当浏览信息时,可以选择“推荐”好友,只要输入对方的E-mail地址即可将此条信息发送到对的邮箱中。 4,预订信息支持;当访问者看到感兴趣的信息后,可选择“我要预订”向对方发送

下载

该插件提供了一堆短代码参数,允许您设置深度、排除页面、项目数量等。有关详细信息,请参阅插件页面的详细文档。

方法 2. 使用代码列出父页面的子页面

此方法有点高级,需要您向 WordPress 网站添加代码。如果您以前没有这样做过,那么请查看我们关于如何在 WordPress 中复制和粘贴代码的指南。

要列出父页面下的子页面,您需要在代码片段插件或主题的functions.php文件中添加以下代码:

如何在 WordPress 中显示父页面的子页面列表

接下来,为代码片段添加标题,并将上面的代码粘贴到“代码预览”框中。

不要忘记从右侧的下拉菜单中选择“PHP Snippet”作为代码类型。

如何在 WordPress 中显示父页面的子页面列表

之后,只需将开关从“非活动”切换到“活动”,然后单击页面顶部的“保存片段”按钮即可。

如何在 WordPress 中显示父页面的子页面列表

此代码首先检查页面是否有父页面或页面本身是否是父页面。

如果它是父页面,则它显示与其关联的子页面。如果它是子页面,则显示其父页面的所有其他子页面。

最后,如果这只是一个没有子页面或父页面的页面,那么代码将不会执行任何操作。在代码的最后一行,我们添加了一个简码,这样您就可以轻松地显示子页面,而无需修改页面模板。

要显示子页面,只需在侧边栏中的页面或文本小部件中添加以下短代码:

[wpb_childpages]

不要忘记保存更改并在浏览器选项卡中预览它们。这就是它在我们的测试网站上的显示方式。

如何在 WordPress 中显示父页面的子页面列表

您现在可以使用一些自定义 CSS 设计此页面列表的样式。以下是一些示例 CSS 代码,您可以将其用作起点。

如何在 WordPress 中显示父页面的子页面列表

我们希望本文能帮助您在 WordPress 中列出父页面的子页面。您可能还想查看我们关于在新 WordPress 网站上创建的最重要页面的指南,以及我们对无需任何代码即可创建自定义布局的最佳拖放 WordPress 页面构建器的比较。

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2299

2023.09.01

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

1514

2023.10.11

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

1410

2023.10.11

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

951

2023.10.23

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

1413

2023.10.23

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

1233

2023.11.03

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1444

2023.11.09

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1304

2023.11.13

c++主流开发框架汇总
c++主流开发框架汇总

本专题整合了c++开发框架推荐,阅读专题下面的文章了解更多详细内容。

3

2026.01.09

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.8万人学习

CSS教程
CSS教程

共754课时 | 18.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号