零基础也能用WordPress循环分类做网站？免费工具帮你搞定！

自己不会代码想做网站，还总被“分类循环”这种术语搞得一头雾水？别急，今天用一个免费工具，手把手教你用WordPress循环分类，搞定网站内容布局，省下找程序员的钱。无论你是设计师转行做前端，还是想用WordPress搭建个人博客、企业官网，这篇文章都能帮你避开那些“踩坑”的弯路。

需求分析：为什么你需要WordPress循环分类？

WordPress作为全球最流行的CMS系统，其核心优势之一就是分类循环（Category Loop）。简单来说，它就是一种让网站自动读取、展示分类内容的机制。比如你有一个新闻网站，想按“科技”“生活”“娱乐”等分类展示文章，就可以用到“循环分类”。

但问题来了：

你不会写代码，怎么实现这个功能？
有没有免费工具可以替代手动写代码？
不同的WordPress主题对循环分类的支持不一样，怎么选？

别担心，下面我用免费工具+实操代码，一步步带你搞定。

环境准备：搭建基础环境

如果你是设计师转前端，对PHP、HTML、CSS可能不算太熟悉，那我们就从零开始，准备环境。

1. 安装WordPress

你可以选择本地开发环境，比如使用 XAMPP（Windows）或 MAMP（Mac），它们都集成了Apache、MySQL和PHP，非常适合新手测试。

步骤：

下载并安装 XAMPP / MAMP。
启动 Apache 和 MySQL。
下载 WordPress官方安装包。
解压并上传到 htdocs 文件夹（XAMPP）或 htdocs（MAMP）。
通过浏览器访问 http://localhost/wordpress，按照提示完成安装。

2. 安装一个适合的免费主题

WordPress官方提供很多免费主题，适合用来测试循环分类功能。比如：

Astra：轻量、响应式设计，适合电商和博客。
Neve：加载速度快，适合SEO。
GeneratePress：开发者友好，代码干净，适合自定义。

你可以在 WordPress后台 > 外观 > 主题 > 安装主题 中搜索并安装。

核心步骤：WordPress循环分类的实现

1. 什么是WordPress分类循环？

WordPress分类循环（Category Loop） 是一种用PHP代码自动读取某个分类下的所有文章，并显示在页面上的机制。你可以把它理解为“自动筛选和展示文章”。

举个例子：你有一个分类“新闻”，里面有很多文章，分类循环就会把这些文章一个个展示出来，就像“新闻列表”一样。

2. 不会代码也能实现？是的！

如果你不想写代码，可以借助免费工具或插件来实现。下面我推荐两个：

这是一个轻量级插件，支持在小工具区（sidebar）或页面中直接调用分类循环。

使用方法：

安装插件：Category Posts Widget（在插件市场搜索即可）。
进入后台 > 小工具 > 拖动插件到侧边栏。
设置你想展示的分类和展示数量。

这个插件非常适合不会代码的用户，能快速实现分类内容展示。

插件二：WP Show Posts

这是一个更强大的插件，支持在页面、文章、自定义页面中展示特定分类的内容，甚至支持排序、分页等高级功能。

使用方法：

安装插件：WP Show Posts。
在编辑页面时，点击“添加块” > 搜索“WP Show Posts” > 添加。
设置你想展示的分类和展示样式。

Tips： 如果你使用的是Astra或Neve主题，它们对这类插件兼容性很好，可以直接使用。

代码/配置示例：手动写分类循环（适合前端设计师）

如果你是设计师，想进一步掌握WordPress的PHP代码，下面是一个可运行的分类循环代码示例，可以直接复制到模板文件中使用（比如 category.php 或 page.php）。

<?php
// 开始分类循环
if ( have_posts() ) : while ( have_posts() ) : the_post();
?><h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<div class="post-excerpt"><?php the_excerpt(); ?></div><?php endwhile; else : ?>
<p>抱歉，没有找到相关文章。</p>
<?php endif; ?>

代码说明：

have_posts()：检查是否有文章可以展示。
while ( have_posts() ) : the_post();：循环展示每一篇文章。
the_permalink()：获取文章链接。
the_title()：获取文章标题。
the_excerpt()：获取文章摘要。
endif;：结束循环。

这段代码非常基础，但如果你是设计师，理解它对后续开发非常有帮助。

2. 使用get_category()实现多个分类循环

有时候你需要展示多个分类，比如“科技”和“生活”分类的内容。这时候可以用 get_category() 函数获取分类ID，再做循环。

// 获取分类ID
$categories = get_categories( array('taxonomy' => 'category','hide_empty' => false,
) );foreach ( $categories as $category ) {echo '<h2>' . $category->name . '</h2>';echo '<ul>';$args = array('category' => $category->term_id,'posts_per_page' => 5);$query = new WP_Query( $args );if ( $query->have_posts() ) :while ( $query->have_posts() ) : $query->the_post();echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';endwhile;else :echo '<li>暂无文章</li>';endif;echo '</ul>';
}
wp_reset_postdata();

这个代码适合你放入 page.php 或自定义页面模板中使用。

3. 使用get_posts()手动获取分类内容

如果你不想用 WP_Query，还可以用 get_posts() 函数实现类似效果，语法更简洁。

$args = array('category' => 3, // 分类ID，这里用3举例'posts_per_page' => 5
);
$posts = get_posts( $args );if ( $posts ) {foreach ( $posts as $post ) {setup_postdata( $post );echo '<h2><a href="' . get_permalink() . '">' . get_the_title() . '</a></h2>';echo '<div class="post-excerpt">' . get_the_excerpt() . '</div>';}wp_reset_postdata();
} else {echo '<p>没有找到相关内容。</p>';
}