WordPress：如何在首页显示6篇匹配主题样式的最新文章

完全可行，这也是最能保证样式和主题原生网格一致的解决方案，具体操作步骤如下：

1. 定位首页模板文件 #

登录WordPress后台进入「外观>主题文件编辑器」，找到你的静态首页对应的模板：

• 若主题有专门的首页模板，找front-page.php
• 若首页用的是通用页面模板，找page.php（或你为首页指定的自定义模板文件）

2. 插入自定义文章查询代码 #

在你希望展示文章的位置，插入以下代码（核心是复用主题原生的网格布局结构）：

// 自定义查询：获取最新6篇已发布文章
$latest_posts_query = new WP_Query([
    'posts_per_page' => 6,
    'post_status' => 'publish'
]);

// 开始循环渲染文章
if ($latest_posts_query->have_posts()) :
    // 保留主题原有的网格容器代码（比如<div class="post-grid">），和博客页结构一致
    while ($latest_posts_query->have_posts()) : $latest_posts_query->the_post();
        // 调用主题自带的网格文章模板，确保样式完全匹配
        get_template_part('template-parts/post/content', 'grid');
        // 若找不到这个模板，直接复制博客页（home.php/archive.php）里的文章卡片代码粘贴到此处
    endwhile;

    // 重置查询，避免影响页面后续内容
    wp_reset_postdata();

    // 添加「查看更多文章」链接，自动指向你设置的博客页面
    echo '<div class="view-more-btn">
            <a href="' . get_permalink(get_option('page_for_posts')) . '">查看更多文章</a>
          </div>';
else :
    echo '<p>暂无文章可展示</p>';
endif;

3. 关键注意事项 #

• 必须用子主题修改：直接修改父主题文件会在主题更新后丢失代码，先创建并启用子主题，再将对应模板文件复制到子主题中修改
• 样式匹配：确保调用的get_template_part路径和主题内的网格文章模板一致，或直接复制博客页的文章结构代码，保证和主题原生网格样式完全统一
• 链接自动适配：get_option('page_for_posts')会自动读取你在「设置>阅读」中指定的博客页面，无需硬写固定URL

内容的提问来源于stack exchange，提问作者Finding Colors