wordpress怎么把所有文章分类单独在一个页面显示

WordPress是一个功能强大的博客平台，它允许用户创建和管理自己的网站，在WordPress中，文章分类是一个非常有用的功能，可以帮助用户更好地组织和展示他们的内容，我们可能需要把所有文章分类单独在一个页面显示，以便让用户更容易地找到他们感兴趣的内容，在本教程中，我将向您介绍如何在WordPress中实现这个功能。

步骤1：创建一个新的页面模板

我们需要为所有文章分类创建一个单独的页面模板，要做到这一点，请按照以下步骤操作：

1、登录到您的WordPress网站后台。

2、在左侧菜单栏中，单击“外观”>“主题编辑器”，如果您没有看到“主题编辑器”，请确保您已经安装了一个支持子主题的主题，如果没有，请先安装一个主题。

3、在主题编辑器中，向下滚动到文件列表中的functions.php文件，如果没有这个文件，请右键单击主题文件夹中的任何其他文件，然后选择“新建文件”并命名为functions.php。

4、在functions.php文件中，添加以下代码：

function create_category_page() {
    if (is_admin()) {
        add_theme_page(
            __('所有文章分类', 'yourtextdomain'),
            __('所有文章分类', 'yourtextdomain'),
            'edit_posts',
            'allcategories',
            'display_categories'
        );
    }
}
add_action('admin_menu', 'create_category_page');

请确保将yourtextdomain替换为您的主题文本域，这将创建一个名为“所有文章分类”的新页面，当用户访问此页面时，它将显示所有文章分类。

5、保存functions.php文件并关闭主题编辑器。

步骤2：创建显示文章内容的函数

接下来，我们需要创建一个函数来显示所有文章分类及其相关文章，请按照以下步骤操作：

1、在functions.php文件中，添加以下代码：

function display_categories() {
    $categories = get_categories();
    ?>
    <div class="wrap">
        <h1><?php echo esc_html(get_the_title()); ?></h1>
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <div class="categorypost">
                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                <p><?php the_excerpt(); ?></p>
            </div>
        <?php endwhile; endif; ?>
    </div>
    <?php
}

这段代码首先获取所有文章分类，然后使用get_categories()函数获取它们，接下来，我们创建一个名为display_categories()的函数来显示这些分类及其相关文章，在这个函数中，我们首先输出一个包含页面标题的<h1>标签，我们使用have_posts()和the_post()循环遍历所有文章，并为每个文章分类显示一篇文章标题和摘要，我们关闭了wrap类和打开的HTML标签。

2、保存functions.php文件并关闭主题编辑器。

现在，您应该可以在WordPress后台的“所有文章分类”页面上看到所有文章分类及其相关文章，这个页面还没有样式，为了使它看起来更好，我们需要为其添加一些CSS样式，为此，请按照以下步骤操作：

1、在主题文件夹中创建一个新文件夹，并将其命名为inc（如果尚未存在），在新创建的inc文件夹中，创建一个名为customcss.php的新文件。

2、在customcss.php文件中，添加以下代码：

/* Custom CSS for All Categories Page */
.wrap {
    maxwidth: 800px;
    margin: 0 auto;
    padding: 20px;
    backgroundcolor: #f5f5f5;
}
.categorypost {
    borderbottom: 1px solid #ccc;
    paddingbottom: 20px;
    marginbottom: 20px;
}

这段代码为“所有文章分类”页面添加了一些基本的CSS样式，您可以根据需要修改这些样式，您可以更改背景颜色、边距、填充等。

3、保存customcss.php文件并关闭文本编辑器。

4、在functions.php文件中，添加以下代码以包含我们的自定义CSS样式表：

function custom_styles() {
    wp_enqueue_style('customstyle', get_template_directory_uri() . '/inc/customcss.php');
}
add_action('wp_enqueue_scripts', 'custom_styles');

这段代码将我们的自定义CSS样式表添加到WordPress的加载队列中，以便在“所有文章分类”页面上应用它，请注意，您需要将get_template_directory_uri()替换为您的主题目录URI，如果您不确定如何找到它，请查看您的主题文档或联系主题作者。