{"id":2947,"date":"2025-06-11T09:26:19","date_gmt":"2025-06-11T01:26:19","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2947.html"},"modified":"2025-06-11T09:26:19","modified_gmt":"2025-06-11T01:26:19","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%b8%ad%e6%98%be%e7%a4%ba%e7%88%b6%e9%a1%b5%e9%9d%a2%e7%9a%84%e5%ad%90%e9%a1%b5%e9%9d%a2%e5%88%97%e8%a1%a8","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2947.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u663e\u793a\u7236\u9875\u9762\u7684\u5b50\u9875\u9762\u5217\u8868"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

在 WordPress 中，如果你想要显示某个父页面的所有子页面列表，可以通过以下步骤来实现：<\/p>\n

步骤 1: 创建父页面和子页面<\/h3>\n

首先，在 WordPress 后台创建一个父页面（例如 “Home”），然后在其下创建多个子页面（如 “Services”, “About Us”, “Contact Us” 等）。<\/p>\n

步骤 2: 使用插件或功能实现子页面显示<\/h3>\n

你可以使用一些插件来简化这个过程，或者自己编写代码来实现。这里我们以使用插件为例。<\/p>\n

示例：使用默认插件<\/h4>\n

大多数 WordPress 主题都自带了一个名为 Page Children<\/code> 的插件，它可以自动显示父页面下的所有子页面。以下是安装和启用该插件的方法：<\/p>\n

    \n
  1. 登录到 WordPress 后台。<\/li>\n
  2. 导航到 Appearance<\/strong> > Themes<\/strong> > Your Theme Name<\/strong> > Customize<\/strong>（在某些版本中可能是 Appearance<\/strong> > Editor<\/strong> > Header<\/strong> 或类似的选项）。<\/li>\n
  3. 在右侧面板中找到并点击 Add New<\/strong> 按钮。<\/li>\n
  4. 在搜索框中输入 Page Children<\/code> 并选择它作为要安装的插件。<\/li>\n
  5. 安装并激活该插件。<\/li>\n<\/ol>\n

    现在，当你在父页面上单击导航栏上的“子页面”链接时，将会看到所有的子页面列表。<\/p>\n

    步骤 3: 自定义代码 (如果需要)<\/h3>\n

    如果你想自定义这个功能，可以查看主题的文件结构，寻找与子页面管理相关的函数。通常，这些函数位于主题文件夹中的 functions.php<\/code> 文件内。<\/p>\n

    示例代码：<\/h4>\n

    假设你想在一个特定的主题中添加子页面列表的功能，你需要找到并修改 functions.php<\/code> 文件中的相关部分。以下是一个基本的示例代码片段：<\/p>\n

    \/\/ 找到并修改子页面管理部分\nfunction custom_page_children() {\n    \/\/ 获取当前页面ID\n    $current_page_id = get_queried_object_id();\n\n    \/\/ 获取父页面ID\n    $parent_page_id = wp_get_post_parent_id($current_page_id);\n\n    if ($parent_page_id) { \n        \/\/ 这里可以添加获取子页面信息的代码\n        echo '<ul>';\n        $args = array(\n            'post_type' => 'page',\n            'post_parent' => $parent_page_id,\n            'numberposts' => -1,\n        );\n        $children = get_posts($args);\n\n        foreach ($children as $child) {\n            echo '<li><a href=\"' . get_permalink($child->ID) . '\">' . get_the_title($child->ID) . '<\/a><\/li>';\n        }\n        echo '<\/ul>';\n    } else {\n        echo '<h2>No children found.<\/h2>';\n    }\n}\nadd_shortcode('custom-page-children', 'custom_page_children');<\/code><\/pre>\n
    请注意，这只是一个基本示例，实际应用中可能需要根据具体需求调整参数和逻辑。<\/p>\n
    总结<\/h3>\n
    通过以上步骤，你可以在 WordPress 中轻松地展示父页面及其子页面的列表。无论是使用内置插件还是自己编写代码，关键在于了解如何从 WordPress 的核心功能中提取所需的信息，并将其呈现出来。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
    黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
    \r\n
    \r\n
    在WordPress中，如果你想显示父页面的子页面列表，你可以使用以下几种方法：<\/p>\n
      \n
    1. 使用<nav><\/code>元素和CSS<\/li>\n<\/ol>\n
      这种方法非常简单，但需要一些HTML和CSS知识。<\/p>\n
      首先，在你的主题文件（如wp-content\/themes\/your-theme<\/code>）中创建一个名为.single-parent-nav<\/code>的类。例如：<\/p>\n
      <div class=\"single-parent-nav\">\n    <ul>\n        <?php wp_list_pages('title_li='); ?>\n    <\/ul>\n<\/div><\/code><\/pre>\n
      然后，你在任何包含子页面的页面上添加这个类：<\/p>\n
      <div class=\"single-parent-nav\">\n    <!-- 你的其他内容 -->\n<\/div><\/code><\/pre>\n
      接下来，你需要为每个子页面创建一个<li><\/code>标签并设置它的href<\/code>属性指向对应的子页面URL。例如：<\/p>\n
      <li><a href=\"<?php echo esc_url( get_page_link( $page_id ) ); ?>\"><?php the_title(); ?><\/a><\/li><\/code><\/pre>\n
      这里，$page_id<\/code>是当前页的ID。<\/p>\n
      最后，确保你的CSS对这些<li><\/code>标签进行样式化。例如：<\/p>\n
      .single-parent-nav ul {\n    list-style: none;\n}\n\n.single-parent-nav li a {\n    display: block;\n    padding: 0 20px;\n    text-decoration: none;\n}\n\n.single-parent-nav li a:hover {\n    background-color: #eee;\n}<\/code><\/pre>\n
      现在，当用户点击任何一个子页面链接时，他们将跳转到相应的子页面。<\/p>\n
        \n
      1. 使用<?php if ( has_children() ) : ?><\/code>函数<\/li>\n<\/ol>\n
        如果你希望显示所有的子页面，而不是只显示最近的那些，可以使用<?php if ( has_children() ) : ?><\/code>函数。这将在所有子页面之间插入空格，以便于查看。<\/p>\n
        例如，你可以这样做：<\/p>\n
        <div class=\"single-parent-nav\">\n    <ul>\n        <?php if ( has_children() ) : ?>\n            <li><a href=\"#\">Parent Page<\/a><\/li>\n        <?php endif; ?>\n        <?php wp_list_pages('title_li='); ?>\n    <\/ul>\n<\/div><\/code><\/pre>\n
        这样，用户就可以看到所有的子页面了。<\/p>\n
          \n
        1. 使用自定义菜单<\/li>\n<\/ol>\n
          另一种方法是在您的主题文件中创建一个自定义菜单，然后将父页面作为其选项之一。例如：<\/p>\n
          <nav aria-label=\"Parent menu\" role=\"navigation\">\n    <h2><?php _e('Parent Menu', 'parent-menu-title'); ?><\/h2>\n\n    <ul class=\"menu parent-menu\">\n        <li><a href=\"<?php echo esc_url( home_url( '\/' ) ); ?>\"><?php _e( 'Home', 'parent-menu-title' ); ?><\/a><\/li>\n        <?php if ( has_children() ) : ?>\n            <li class=\"has-children\"><a href=\"#\">Parent Page<\/a>\n                <ul class=\"submenu\">\n                    <?php wp_list_pages('title_li='); ?>\n                <\/ul>\n            <\/li>\n        <?php endif; ?>\n    <\/ul>\n<\/nav><\/code><\/pre>\n
          在这个例子中，我们创建了一个名为parent-menu<\/code>的自定义菜单项，其中包含一个名为parent-page<\/code>的选项。然后我们在<li><\/code>标签中嵌套了一个名为submenu<\/code>的子菜单，其中包含了所有的子页面链接。<\/p>\n
          以上就是在WordPress中显示父页面的子页面列表的一些方法。你可以根据自己的需求选择合适的方法。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
          Bug编译狮 在 WordPress 中，如果你想要显示某个父页面&..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-2947","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=2947"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2947\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2947"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}