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

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

聖光之護

发布： 2025-10-01 18:02:01

原创

654人浏览过

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

本文详细介绍了如何在WordPress中实现在父页面上显示子文章的功能。通过自定义查询参数，我们可以有效地检索并展示与特定父页面关联的子文章。本文提供了一段可直接使用的代码示例，并解释了关键参数的含义，帮助开发者轻松实现这一常见需求，提升用户体验。

在wordpress中，经常会遇到需要在父页面上显示其子文章的需求，例如，一个“服务”页面下有多个具体的服务项目作为子页面，需要在“服务”页面上展示这些子项目。以下提供一种实现此功能的有效方法。

核心代码实现

以下代码段展示了如何在WordPress父页面上显示子文章：

<?php
    $args = array(
        'post_type'      => 'custom-post-type-name', // 修改为你的文章类型
        'posts_per_page' => 15,                      // 每页显示的文章数量
        'post_parent'    => $post->ID,                // 父页面的ID
        'order'          => 'ASC',                     // 排序方式，这里是升序
    );

    $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' =youjiankuohaophpcn 'custom-post-type-name'：指定要查询的文章类型。请将 'custom-post-type-name' 替换为你实际使用的文章类型，例如 'post' (默认文章类型) 或自定义文章类型。
- 'posts_per_page' => 15：设置每页显示的文章数量。你可以根据需要调整这个值。-1 表示显示所有文章。
- 'post_parent' => $post->ID：这是关键参数，指定父页面的ID。$post->ID 获取当前页面的ID，确保只显示当前父页面的子文章。
- 'order' => 'ASC'：设置文章的排序方式。'ASC' 表示升序，'DESC' 表示降序。
WP_Query 对象： $parent = new WP_Query( $args ); 创建一个新的 WP_Query 对象，并传入 $args 参数，执行查询。
循环显示： if ( $parent->have_posts() ) : 和 while ( $parent->have_posts() ) : 循环遍历查询结果，并使用 the_post() 函数设置当前文章。
HTML 输出： 在循环中，使用 WordPress 的模板标签（如 the_ID()、the_permalink() 和 the_title()）来显示子文章的标题和链接。你可以根据自己的设计需求修改 HTML 结构和样式。

使用方法

Shakker

多功能AI图像生成和编辑平台

103

查看详情

将以上代码复制到你的WordPress主题的相应模板文件中，例如 page.php (用于显示普通页面) 或自定义模板文件。通常，你需要在你想显示子文章的位置插入这段代码。
确保你已经创建了父页面和相应的子文章，并将子文章的“父级”属性设置为该父页面。
将代码中的 'custom-post-type-name' 替换为你实际使用的文章类型。

注意事项

文章类型： 务必确保 post_type 参数与你要查询的文章类型匹配。如果你的子文章是普通的文章，则设置为 'post'。如果是自定义文章类型，则设置为你的自定义文章类型的名称。
父级关系： 确保子文章正确地设置了父级关系。在编辑子文章时，可以在“页面属性”或相应的元数据框中设置父页面。
样式调整： 根据你的主题样式，可能需要调整 HTML 结构和 CSS 样式，以使子文章的显示效果与你的网站风格一致。
性能考虑： 如果你的子文章数量非常多，可能需要考虑分页或使用缓存来提高性能。

总结

通过使用 WP_Query 和正确的查询参数，可以轻松地在 WordPress 父页面上显示子文章。理解代码中的关键参数，并根据你的具体需求进行调整，可以灵活地实现这一功能，提升用户体验。记住检查文章类型和父级关系，并根据需要调整样式和性能。

以上就是WordPress教程：在父页面显示子文章的详细内容，更多请关注php中文网其它相关文章！