当前位置：首页 > CMS教程 > 正文

如何快速在WP首页展示分类文章？

admin
CMS教程
2025-06-26
4526

在WordPress首页展示特定分类文章，主要有两种方法：，1. **使用小工具**：在“外观”>“小工具”中，将“最新文章”或“分类文章”小工具拖到首页侧边栏/页脚区域，并设置目标分类。，2. **编辑首页模板**：通过主题定制器或页面编辑器（如古腾堡区块或Elementor），添加“文章列表”或“查询循环”区块，筛选指定分类即可直接显示在首页主体区域。，（也可通过插件实现，但原生方法更轻量）

在WordPress中将特定分类的文章显示在首页,可通过以下五种专业方法实现，根据您的技术能力选择合适方案：

自定义”首页设置”（推荐新手）

创建空白页面
进入【仪表盘 > 页面 > 新建页面】，命名为”博客”或”新闻”并发布
设置阅读选项
【设置 > 阅读】→ 选择”您的主页显示”为静态页面
- “主页”选择您原有的首页（如”首页”）
- “文章页”选择新建的”博客”页面
指定分类到首页
安装官方插件 Customizer Homepage Category
在【外观 > 自定义 > Homepage Category】中勾选需显示的分类

优势：无需代码，操作简单
️ 注意：需额外插件支持分类筛选

修改主题模板（需HTML/PHP基础）

定位首页模板文件
通过【外观 > 主题文件编辑器】找到 index.php 或 home.php

插入分类循环代码
在文章循环区域（通常以 while ( have_posts() ) 开头）替换为：

<?php 
$custom_query = new WP_Query( array( 
    'category_name' => 'news', // 替换为分类别名
    'posts_per_page' => 6      // 显示篇数
));
while ($custom_query->have_posts()) : $custom_query->the_post();
?>
<!-- 原有内容输出代码保留 -->
<?php endwhile; wp_reset_postdata(); ?>

清除缓存后立即生效

进阶方案：在子主题中修改避免更新丢失
关键参数：category_name填分类URL别名，cat填分类ID

使用Query Loop区块（Gutenberg编辑器）

编辑首页 → 添加 Query Loop 区块
右侧面板选择 “高级” → “分类”
勾选需要显示的分类
调整布局后更新页面

专业插件方案

Display Posts（轻量级）
安装后使用短代码：
[display-posts category="技术" posts_per_page="5"]
Elementor Pro（可视化编辑）
拖拽 Posts 组件 → 选择分类源 → 设计版式

高级函数过滤（functions.php）

add_filter( 'pre_get_posts', 'custom_homepage_category' );
function custom_homepage_category( $query ) {
    if ( $query->is_home() && $query->is_main_query() ) {
        $query->set( 'category_name', 'featured' ); // 替换为分类别名
    }
    return $query;
}