如何在WordPress中显示父页面的子页面列表
最近,一位读者问我们如何显示WordPress页面的子页面?如果你用父子页面来组织WordPress网站,你可能希望在主父页面上显示子页面列表。你还可以在每个子页面上显示主页面,便于浏览。
本文将展示如何在WordPress中轻松显示父页面的子页面列表。
何时需要显示子页面列表?
WordPress自带两种默认文章类型:文章和页面。文章是博客内容,通常用分类和标签来组织。页面则是一种独立的内容,如“关于我们”页面或“联系我们”页面。
在WordPress中,页面可以是分层的,这意味着你可以用父页面和子页面来组织。例如,你可以创建一个产品页面,并为其添加特性、定价和支持的子页面。
方法1:使用插件在父页面上显示子页面
第一步,你需要安装并激活Page-list插件。激活后,编辑父页面,并在你想显示子页面列表的位置添加以下短代码:[subpages]
保存页面并预览,你会看到一个简单的子页面列表。你可以添加自定义CSS来更改列表的外观。
方法2:使用代码列出父页面的子页面
这种方法比较高级,需要你在WordPress网站中添加代码。将以下代码添加到代码片段插件或主题的functions.php文件中:
function wpb_list_child_pages() {
global $post;
if ( is_page() && $post->post_parent )
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->post_parent . '&echo=0' );
else
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->ID . '&echo=0' );
if ( $childpages ) {
$string = '<ul class=