讲师中心 微信公众号
AI工具推荐 视频效率加速

WordPress教程:在父级文章页面显示子文章

冬浩大大_6850

冬浩大大_6850

发布时间:2025-10-01 19:45:00

|

935人浏览过

|

来源于php中文网

原创

WordPress教程:在父级文章页面显示子文章

本教程旨在解决WordPress中如何在父级文章页面显示其子文章的问题。通过自定义查询,我们可以获取并展示指定父级文章下的所有子文章,并自定义显示样式。本教程提供完整的代码示例,并解释了关键参数的含义,帮助开发者轻松实现这一功能,提升用户体验。

在wordpress中,有时我们需要在父级文章页面展示其相关的子文章,以构建更清晰的内容结构和提升用户体验。 这可以通过自定义 wp_query 来实现,从而检索并显示指定父级文章下的所有子文章。

实现方法

以下代码展示了如何在父级文章页面上显示子文章:

<?php
    $args = array(
        'post_type'      => 'custom-post-type-name', // 替换为你的自定义文章类型名称,如果使用默认文章类型 'post',则无需修改
        'posts_per_page' => 15, // 每页显示的文章数量,可根据需求调整
        'post_parent'    => $post->ID, //  获取当前文章的ID作为父级文章ID
        'order'          => 'ASC', //  子文章的排序方式,这里设置为升序 (ASC) ,也可以设置为降序 (DESC)
    );

    $parent = new WP_Query( $args );

    if ( $parent->have_posts() ) : 
        while ( $parent->have_posts() ) : 
           $parent->the_post(); 
?>
            <div id="parent-<?php the_ID(); ?>" class="parent-page">
                <h1>
                    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                        <?php the_title(); ?>
                    </a>
                </h1>
            </div>
<?php
        endwhile; 

    endif;
?>

代码解释:

  1. $args 数组: 这个数组定义了 WP_Query 的查询参数。

    • post_type: 指定要查询的文章类型。将其替换为你需要查询的自定义文章类型名称。如果使用默认的文章类型(post),则无需修改。
    • posts_per_page: 设置每页显示的文章数量。根据你的需求进行调整。
    • post_parent: 这是关键参数,它指定了父级文章的ID。$post->ID 获取当前父级文章的ID,确保只查询该父级文章下的子文章。
    • order: 定义子文章的排序方式。ASC 表示升序,DESC 表示降序。
  2. $parent = new WP_Query( $args ): 创建一个新的 WP_Query 实例,并将 $args 数组作为参数传递给它。这将执行查询并返回符合条件的文章。

  3. if ( $parent->have_posts() ) :: 检查查询是否返回了任何文章。

    password-manager
    password-manager

    本地密码管理技能,可添加、编辑、删除、搜索密码,支持分类和备注,数据本地存储,支持导入导出和备份。用户提及密码、账号、密码管理、保存密码或查找密码时使用。

    下载
  4. while ( $parent->have_posts() ) : $parent->the_post();: 循环遍历查询结果中的每一篇文章。$parent->the_post() 函数设置全局 $post 对象为当前文章,以便可以在循环中使用模板标签。

  5. : 创建一个 div 元素来包裹每个子文章。the_ID() 函数输出当前文章的ID,可以用于创建唯一的ID。
  6. : 创建一个标题,其中包含指向子文章的链接。the_permalink() 函数输出当前文章的永久链接,the_title() 函数输出当前文章的标题。

  7. endwhile; 和 endif;: 结束 while 循环和 if 语句。

  8. 使用方法

    将上述代码添加到你的父级文章模板文件中,通常是 single.php 或自定义文章类型的 single-{post_type}.php 文件中。 确保将 'custom-post-type-name' 替换为你实际使用的自定义文章类型名称。

    注意事项

    • 确保你的子文章已经正确地设置了父级文章。可以在文章编辑页面的“父级”下拉菜单中选择父级文章。
    • 如果你的主题使用了自定义循环或查询,请确保你的代码不会与它们冲突。
    • 可以根据需要自定义代码中的 HTML 结构和 CSS 样式,以适应你的主题风格。
    • 如果父级文章页面内容消失,请检查是否正确使用了 $parent->the_post() 函数,以及是否在循环外部使用了模板标签,这可能会导致问题。
    • 如果查询没有返回任何结果,请检查 $args 数组中的参数是否正确,以及子文章是否正确地设置了父级文章。

    总结

    通过使用 WP_Query 和正确的参数设置,可以轻松地在WordPress父级文章页面上显示子文章。 这可以帮助你构建更清晰的内容结构,并提升用户体验。 记住,在实现这个功能时,需要仔细检查代码,并确保它与你的主题和插件兼容。

热门AI工具

更多
讯飞智文

一款面向学习和办公场景的AI文档创作工具,可辅助生成PPT与Word文档,提高资料整理和内容制作效率。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

码上飞
码上飞 Hot

一款基于自然语言的AI应用开发平台,可根据用户描述自动生成应用程序,帮助个人和团队快速完成应用原型与开发。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
while的用法
while的用法

while的用法是“while 条件: 代码块”,条件是一个表达式,当条件为真时,执行代码块,然后再次判断条件是否为真,如果为真则继续执行代码块,直到条件为假为止。本专题为大家提供while相关的文章、下载、课程内容,供大家免费下载体验。

354

2023.09.25

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

4436

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

326

2025.12.06

wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

6535

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

6619

2024.04.15

WordPress插件教程
WordPress插件教程

本专题整理热门WordPress插件资源,涵盖SEO优化、缓存加速、安全防护、表单管理、电商扩展等插件推荐与使用教程。

338

2026.06.16

WordPress建站教程大全
WordPress建站教程大全

本专题汇总WordPress教程相关内容,包括WordPress安装教程、建站教程、使用技巧、网站管理经验和实战案例,帮助用户快速掌握WordPress建站与运营方法。

840

2026.06.16

WordPress开发教程
WordPress开发教程

本专题提供WordPress开发技术资料,包括主题开发、插件开发、自定义功能开发、API调用及性能优化等内容。

978

2026.06.16

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

20

2026.11.05

热门下载

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

精品课程

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

共14课时 | 1.6万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn