在wordpress中，经常会遇到需要在父页面上显示其子文章的需求，例如，一个“服务”页面下有多个具体的服务项目作为子页面，需要在“服务”页面上展示这些子项目。以下提供一种实现此功能的有效方法。
核心代码实现
以下代码段展示了如何在WordPress父页面上显示子文章：
'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();
?>
代码详解
-
$args 数组： 这个数组定义了 WP_Query 查询的参数。
- 'post_type' => '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 结构和样式。
使用方法
将以上代码复制到你的WordPress主题的相应模板文件中，例如 page.php (用于显示普通页面) 或自定义模板文件。 通常，你需要在你想显示子文章的位置插入这段代码。
确保你已经创建了父页面和相应的子文章，并将子文章的“父级”属性设置为该父页面。
将代码中的 'custom-post-type-name' 替换为你实际使用的文章类型。
注意事项
- 文章类型： 务必确保 post_type 参数与你要查询的文章类型匹配。如果你的子文章是普通的文章，则设置为 'post'。如果是自定义文章类型，则设置为你的自定义文章类型的名称。
- 父级关系： 确保子文章正确地设置了父级关系。 在编辑子文章时，可以在“页面属性”或相应的元数据框中设置父页面。
- 样式调整： 根据你的主题样式，可能需要调整 HTML 结构和 CSS 样式，以使子文章的显示效果与你的网站风格一致。
- 性能考虑： 如果你的子文章数量非常多，可能需要考虑分页或使用缓存来提高性能。
总结
通过使用 WP_Query 和正确的查询参数，可以轻松地在 WordPress 父页面上显示子文章。 理解代码中的关键参数，并根据你的具体需求进行调整，可以灵活地实现这一功能，提升用户体验。 记住检查文章类型和父级关系，并根据需要调整样式和性能。
