WordPress教程：在父级文章页面显示子文章-php教程-PHP中文网

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

碧海醫心

发布： 2025-10-01 19:45:00

原创

914人浏览过

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;
?>

登录后复制

代码解释：

$args 数组： 这个数组定义了 WP_Query 的查询参数。
- post_type: 指定要查询的文章类型。将其替换为你需要查询的自定义文章类型名称。如果使用默认的文章类型（post），则无需修改。
- posts_per_page: 设置每页显示的文章数量。根据你的需求进行调整。
- post_parent: 这是关键参数，它指定了父级文章的ID。$post-youjiankuohaophpcnID 获取当前父级文章的ID，确保只查询该父级文章下的子文章。
- order: 定义子文章的排序方式。ASC 表示升序，DESC 表示降序。
$parent = new WP_Query( $args )： 创建一个新的 WP_Query 实例，并将 $args 数组作为参数传递给它。这将执行查询并返回符合条件的文章。
if ( $parent->have_posts() ) :： 检查查询是否返回了任何文章。
while ( $parent->have_posts() ) : $parent->the_post();： 循环遍历查询结果中的每一篇文章。$parent->the_post() 函数设置全局 $post 对象为当前文章，以便可以在循环中使用模板标签。

讯飞智作-讯飞配音
讯飞智作是一款集AI配音、虚拟人视频生成、PPT生成视频、虚拟人定制等多功能的AI音视频生产平台。已广泛应用于媒体、教育、短视频等领域。

67

查看详情
<div id="parent-<?php the_ID(); ?>" class="parent-page">： 创建一个 div 元素来包裹每个子文章。the_ID() 函数输出当前文章的ID，可以用于创建唯一的ID。
<h1><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>： 创建一个标题，其中包含指向子文章的链接。the_permalink() 函数输出当前文章的永久链接，the_title() 函数输出当前文章的标题。
endwhile; 和 endif;： 结束 while 循环和 if 语句。