l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 类别页面上显示子类别

如何在 WordPress 类别页面上显示子类别

Bug编译狮

Bug编译狮

要在一个 WordPress 类目页面上显示子类别，你需要确保你的网站结构已经正确地组织了数据。首先，确认你的分类和子分类都已创建并关联到正确的父分类。

接下来，你可以通过以下步骤来实现：

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

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
   <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
   <ul>
       <?php wp_list_categories( array('title_li' => '', 'depth' => 0) ); ?>
   </ul>
<?php endwhile; endif; ?>

  2. 调整样式：为了使子分类更易读，你可以为这些列表项添加一些CSS样式。例如，设置字体大小、颜色和边框：

    ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

li a {
   font-size: 16px;
   color: #333;
   text-decoration: none;
}

  3. 自定义类目页面模板：如果你希望对每个子分类都有特定的显示方式，可以考虑创建一个单独的类目页面模板（如 single-category.php），并在其中定制你的展示逻辑。

  4. SEO优化：确保你的子分类标题被搜索引擎友好地处理，可以通过修改 wp_title() 函数中的参数来实现：

    <?php $cat = get_query_var('cat'); echo '<title>' . single_cat_title('', false, '') . '</title>'; ?>

  5. 测试与调试：完成上述步骤后，在类目页面上查看是否能看到预期的结果。如果出现任何问题，请检查是否有语法错误或其他配置不一致的地方。

示例代码

假设我们有一个名为 “Technology” 的父分类，以及 “Programming” 和 “Web Development” 这两个子分类。以下是完整的类目页面模板代码：

<?php
if (have_posts()) :
    while (have_posts()) : the_post();
        // 检查当前分类是否是父分类
        if (is_category('Technology')) :
            // 显示子分类
            echo '<h2><a href="' . esc_url(get_category_link($post->cat_ID)) . '">' . esc_html(get_the_title($post->ID)) . '</a></h2>';
            wp_list_categories(array(
                'orderby' => 'name',
                'show_count' => 1,
                'title_li' => '',
                'depth' => 0
            ));
        endif;
    endwhile;
endif;
?>

这段代码会根据父分类 “Technology” 来判断当前分类是否属于该父分类，并相应地显示其子分类。

效果

当你打开包含这个类目页面模板的网页时，你会看到所有属于 “Technology” 父分类的子分类都被完整地列出，包括它们各自的名称、描述等信息。

请注意，具体的实现细节可能会根据你的 WordPress 主题和插件版本有所不同，因此在实际应用中可能需要做相应的调整。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在WordPress中，显示子类别可以通过以下步骤实现：

步骤 1: 创建或更新分类

首先，在您的WordPress主题中创建一个新分类或编辑现有分类。

<div class="category">
    <h3><?php _e( 'Subcategories', 'your-plugin' ); ?></h3>
    <?php wp_list_categories('title_li='); ?>
</div>

这里，<?php _e( 'Subcategories', 'your-plugin' ); ?> 是一个插件名称，您可以根据需要修改它。<?php wp_list_categories('title_li='); ?> 会列出当前分类的所有子类。

步骤 2: 在标签页中显示子类别

接下来，您需要将这些子类别添加到某个标签页（如“产品”）。这通常通过在WordPress的主题文件中使用模板文件来完成。

假设您有一个名为 product.php 的模板文件，用于显示产品列表。

<?php
/**
 * @package your-theme-name
 */
?>
<h2><?php esc_html_e( 'Product Categories', 'your-theme-name' ); ?></h2>

<ul id="post-cats" class="list-unstyled">

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

    <li><a href="<?php the_permalink(); ?>"><?php the_category(', '); ?></a></li>

<?php endwhile; endif; wp_reset_query(); ?>

</ul>

在这个例子中，我们从 the_category() 函数获取当前文章的类别并将其包含在 <li> 标签内。

步骤 3: 显示子类别到单个页面

如果您希望在特定页面上展示子类别，可以编写一个自定义函数来处理这个需求。

function display_subcategories($category_id) {
    $subcategories = get_term_children( $category_id, 'category', OBJECT );
    foreach ($subcategories as $subcategory) {
        echo '<h3>' . $subcategory->name . '</h3>';
        echo '<ul>';
        $subchildcats = get_term_children($subcategory->term_id, 'category', OBJECT);
        foreach ($subchildcats as $subchildcat) {
            echo '<li><a href="' . $subchildcat->url . '">' . $subchildcat->name . '</a></li>';
        }
        echo '</ul>';
    }
}

add_action( 'wp_before_get_posts', 'display_subcategories' );

这段代码将在用户访问带有指定分类ID的文章时调用 display_subcategories 函数，以显示该分类下的所有子类。

示例代码运行效果

现在，当用户访问带有指定分类ID的文章时，将会看到该分类下的所有子类及其关联的子类别。

结论

通过以上步骤，您可以轻松地在WordPress类别页面上显示子类别。确保在实际部署之前测试此功能，以确保其按预期工作。

最新更新