{"id":3052,"date":"2025-06-11T11:15:46","date_gmt":"2025-06-11T03:15:46","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3052.html"},"modified":"2025-06-11T11:15:46","modified_gmt":"2025-06-11T03:15:46","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e7%b1%bb%e5%88%ab%e9%a1%b5%e9%9d%a2%e4%b8%8a%e6%98%be%e7%a4%ba%e5%ad%90%e7%b1%bb%e5%88%ab","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3052.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u7c7b\u522b\u9875\u9762\u4e0a\u663e\u793a\u5b50\u7c7b\u522b"},"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

接下来，你可以通过以下步骤来实现：<\/p>\n

    \n
  1. \n

    添加子分类链接<\/strong>：在你的类目页面模板文件（通常是 category.php<\/code> 或 index.php<\/code>）中找到或添加以下代码以显示子分类：<\/p>\n

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>\n   <h2><a href=\"<?php the_permalink(); ?>\"><?php the_title(); ?><\/a><\/h2>\n   <ul>\n       <?php wp_list_categories( array('title_li' => '', 'depth' => 0) ); ?>\n   <\/ul>\n<?php endwhile; endif; ?><\/code><\/pre>\n<\/li>\n
  2. \n
    调整样式<\/strong>：为了使子分类更易读，你可以为这些列表项添加一些CSS样式。例如，设置字体大小、颜色和边框：<\/p>\n
    ul {\n   list-style: none;\n   padding: 0;\n   margin: 0;\n}\n\nli a {\n   font-size: 16px;\n   color: #333;\n   text-decoration: none;\n}<\/code><\/pre>\n<\/li>\n
  3. \n
    自定义类目页面模板<\/strong>：如果你希望对每个子分类都有特定的显示方式，可以考虑创建一个单独的类目页面模板（如 single-category.php<\/code>），并在其中定制你的展示逻辑。<\/p>\n<\/li>\n
  4. \n
    SEO优化<\/strong>：确保你的子分类标题被搜索引擎友好地处理，可以通过修改 wp_title()<\/code> 函数中的参数来实现：<\/p>\n
    <?php $cat = get_query_var('cat'); echo '<title>' . single_cat_title('', false, '') . '<\/title>'; ?><\/code><\/pre>\n<\/li>\n
  5. \n
    测试与调试<\/strong>：完成上述步骤后，在类目页面上查看是否能看到预期的结果。如果出现任何问题，请检查是否有语法错误或其他配置不一致的地方。<\/p>\n<\/li>\n<\/ol>\n
    示例代码<\/h3>\n
    假设我们有一个名为 “Technology” 的父分类，以及 “Programming” 和 “Web Development” 这两个子分类。以下是完整的类目页面模板代码：<\/p>\n
    <?php\nif (have_posts()) :\n    while (have_posts()) : the_post();\n        \/\/ 检查当前分类是否是父分类\n        if (is_category('Technology')) :\n            \/\/ 显示子分类\n            echo '<h2><a href=\"' . esc_url(get_category_link($post->cat_ID)) . '\">' . esc_html(get_the_title($post->ID)) . '<\/a><\/h2>';\n            wp_list_categories(array(\n                'orderby' => 'name',\n                'show_count' => 1,\n                'title_li' => '',\n                'depth' => 0\n            ));\n        endif;\n    endwhile;\nendif;\n?><\/code><\/pre>\n
    这段代码会根据父分类 “Technology” 来判断当前分类是否属于该父分类，并相应地显示其子分类。<\/p>\n
    效果<\/h3>\n
    当你打开包含这个类目页面模板的网页时，你会看到所有属于 “Technology” 父分类的子分类都被完整地列出，包括它们各自的名称、描述等信息。<\/p>\n
    请注意，具体的实现细节可能会根据你的 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
    步骤 1: 创建或更新分类<\/h3>\n
    首先，在您的WordPress主题中创建一个新分类或编辑现有分类。<\/p>\n
    <div class=\"category\">\n    <h3><?php _e( 'Subcategories', 'your-plugin' ); ?><\/h3>\n    <?php wp_list_categories('title_li='); ?>\n<\/div><\/code><\/pre>\n
    这里，<?php _e( 'Subcategories', 'your-plugin' ); ?><\/code> 是一个插件名称，您可以根据需要修改它。<?php wp_list_categories('title_li='); ?><\/code> 会列出当前分类的所有子类。<\/p>\n
    步骤 2: 在标签页中显示子类别<\/h3>\n
    接下来，您需要将这些子类别添加到某个标签页（如“产品”）。这通常通过在WordPress的主题文件中使用模板文件来完成。<\/p>\n
    假设您有一个名为 product.php<\/code> 的模板文件，用于显示产品列表。<\/p>\n
    <?php\n\/**\n * @package your-theme-name\n *\/\n?>\n<h2><?php esc_html_e( 'Product Categories', 'your-theme-name' ); ?><\/h2>\n\n<ul id=\"post-cats\" class=\"list-unstyled\">\n\n<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>\n\n    <li><a href=\"<?php the_permalink(); ?>\"><?php the_category(', '); ?><\/a><\/li>\n\n<?php endwhile; endif; wp_reset_query(); ?>\n\n<\/ul><\/code><\/pre>\n
    在这个例子中，我们从 the_category()<\/code> 函数获取当前文章的类别并将其包含在 <li><\/code> 标签内。<\/p>\n
    步骤 3: 显示子类别到单个页面<\/h3>\n
    如果您希望在特定页面上展示子类别，可以编写一个自定义函数来处理这个需求。<\/p>\n
    function display_subcategories($category_id) {\n    $subcategories = get_term_children( $category_id, 'category', OBJECT );\n    foreach ($subcategories as $subcategory) {\n        echo '<h3>' . $subcategory->name . '<\/h3>';\n        echo '<ul>';\n        $subchildcats = get_term_children($subcategory->term_id, 'category', OBJECT);\n        foreach ($subchildcats as $subchildcat) {\n            echo '<li><a href=\"' . $subchildcat->url . '\">' . $subchildcat->name . '<\/a><\/li>';\n        }\n        echo '<\/ul>';\n    }\n}\n\nadd_action( 'wp_before_get_posts', 'display_subcategories' );<\/code><\/pre>\n
    这段代码将在用户访问带有指定分类ID的文章时调用 display_subcategories<\/code> 函数，以显示该分类下的所有子类。<\/p>\n
    示例代码运行效果<\/h3>\n
    现在，当用户访问带有指定分类ID的文章时，将会看到该分类下的所有子类及其关联的子类别。<\/p>\n
    结论<\/h3>\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-3052","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\/3052","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=3052"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3052\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3052"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}