l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在父分类的存档页面上显示子分类

如何在父分类的存档页面上显示子分类

Bug编译狮

Bug编译狮

在WordPress中，如果你想在父分类（顶级分类）的存档页面上显示其子分类（子类别），你需要通过修改模板文件来实现这个功能。这里我将提供一个基本的指南和示例代码，帮助你完成这一任务。

步骤 1: 确定子分类

首先，确保你的父分类和子分类已经正确创建并关联。父分类应该是顶级分类，而子分类应该嵌套在父分类下面。

步骤 2: 修改模板文件

我们需要编辑存档页面的模板文件。通常这些模板文件位于wp-content/themes/your-theme/目录下，具体位置取决于你的主题设计。

示例：修改 archive.php

假设我们想在父分类的存档页面上显示其所有子分类，我们可以找到存档页面的模板文件，通常是archive.php。打开这个文件，找到以下部分：

<?php if ( have_posts() ) : ?>
    <h1><?php single_cat_title(); ?></h1>
    <?php while ( have_posts() ) : the_post(); ?>
        <!-- 每个帖子 -->
    <?php endwhile; ?>

    <?php previous_post_link('%link'); ?>
    <?php next_post_link('%link'); ?>
<?php endif; ?>

在这个例子中，我们只需要在循环外部添加一些逻辑来处理子分类。

修改后的代码

<?php if ( have_posts() ) : ?>
    <h1><?php single_cat_title(); ?></h1>

    <?php $parent_category = get_term_by( 'slug', get_queried_object()->slug, 'category' ); // 获取当前父分类ID
    $sub_categories = get_terms('category', array(
        'hide_empty' => false,
        'parent' => $parent_category->term_id // 设置为当前父分类ID
    )); // 获取所有子分类

    if (!empty($sub_categories)) {
        foreach ($sub_categories as $subcat) {
            echo '<a href="' . get_category_link($subcat->term_id) . '">' . $subcat->name . '</a><br>';
        }
    } else {
        echo '无更多文章';
    }

    previous_post_link('%link');
    next_post_link('%link');
?>
<?php endif; ?>

步骤 3: 添加样式和美化

为了使结果看起来更美观，你可以添加CSS样式或者使用插件如Yoast SEO来优化SEO。

效果展示：

当你访问父分类的存档页面时，你会看到所有的子分类被列出，每个链接指向对应的子分类页面。例如，如果父分类是“科技”，它会列出所有的子分类，比如“电子产品”、“软件开发”等。

注意事项：

  • 确保你的子分类有适当的URL结构，以便WordPress可以正确地链接到它们。
  • 如果你的子分类数量很多，可能需要考虑分页或使用分段技术来避免页面加载过快。

通过以上步骤，你应该能够在父分类的存档页面上成功显示其子分类。希望这对你有所帮助！

黑板前的Bug语法讲师

黑板前的Bug语法讲师

为了在父分类的存档页面上显示其子分类，你需要使用WordPress的嵌套布局功能。首先，确保你已安装并激活了WordPress主题和插件。

安装必要的插件

  1. Nested Loop：这是一个用于创建嵌套页面布局的扩展插件。
  2. Nested Child Loop：这是另一个专门用于创建嵌套页面布局的插件。

安装插件

  1. 打开WordPress后台管理界面。
  2. 搜索“Nested Loop”或“Nested Child Loop”，然后选择合适的插件。
  3. 单击“Install Now”按钮来安装该插件。
  4. 接着，在WordPress菜单栏里找到“Plugins”，点击“Add New”。

创建嵌套页面布局

  1. 在“New Plugin”窗口中，输入一个名称（如“Parent-Child Layout”）。
  2. 从“Category Loop”下拉菜单中选择“Nested Loop”。
  3. 点击“Create New”按钮以开始创建嵌套页面布局。
  4. 设置页面标题、描述等基本信息后，单击“Publish”按钮发布您的新布局。

使用嵌套布局

现在，你可以将这个嵌套布局应用到你的主题中。首先，打开“外观”选项卡，然后选择“模板”。

  1. 在左侧的导航菜单中，选择“Theme Builder”。
  2. 在右侧，你会看到一个名为“Content”和“Widgets”的部分。点击“Content”。
  3. 在左侧，你会看到“Page Templates”。右键点击你要应用嵌套路的页面，选择“Edit Page Template”。
  4. 在“Page Template”编辑器中，复制当前页面的HTML代码。
  5. 将上述嵌套路添加到你的新代码中。这一步骤需要一些时间，因为它会自动调整代码以适应嵌套路结构。

示例代码

以下是一些简单的示例代码，展示如何使用嵌套路：

示例1：显示两个子分类

<?php if (have_posts()) : ?>
    <div class="parent-category">
        <?php while(have_posts()) : the_post(); ?>
            <a href="<?php echo get_permalink() ?>">
                <h3><?php the_title(); ?></h3>
            </a>
            <ul class="child-categories">
                <?php $args = array(
                    'post_type' => 'category',
                    'orderby' => 'title',
                    'order' => 'ASC'
                );
                $categories = get_categories($args);
                foreach ($categories as $category) :
                    echo '<li><a href="' . esc_url(get_category_link($category->term_id)) . '">' . esc_html($category->name) . '</a></li>';
                endforeach;
            </ul>
        <?php endwhile; ?>
    </div>
<?php endif; ?>

示例2：显示三个子分类

<?php if (have_posts()) : ?>
    <div class="parent-category">
        <?php while(have_posts()) : the_post(); ?>
            <a href="<?php echo get_permalink() ?>">
                <h3><?php the_title(); ?></h3>
            </a>
            <ul class="child-categories">
                <?php $args = array(
                    'post_type' => 'category',
                    'orderby' => 'title',
                    'order' => 'ASC'
                );
                $categories = get_categories($args);
                foreach ($categories as $category) :
                    echo '<li><a href="' . esc_url(get_category_link($category->term_id)) . '">' . esc_html($category->name) . '</a></li>';
                endforeach;
            </ul>
        <?php endwhile; ?>
    </div>
<?php endif; ?>

注意事项

  1. 确保每个子分类链接正确指向正确的类别页面。
  2. 如果你的子分类包含嵌套的子分类，你需要递归地获取它们的所有子分类。
  3. 需要根据实际情况调整嵌套路的样式和布局。

通过以上步骤，你应该能够成功实现将父分类的存档页面与子分类关联起来的功能。

最新更新