WordPress滑块重复显示文章，如何修改实现仅展示4篇不重复？

问题分析 #

你遇到的情况是修改posts_per_page后要么文章数量没变化，要么重复显示，核心原因有两个：

1. WP_Query参数未生效或符合条件的文章不足：可能参数被钩子覆盖，或者过滤后的文章数量少于你设置的4篇，导致滑块重复填充内容。
2. 滑块JS配置的无限循环导致重复：多数滑块插件默认开启无限循环，当文章数量不足滑块显示数量时，会克隆现有内容填充。

解决方案 #

1. 修正WP_Query参数，确保获取4篇独立文章 #

首先调整查询参数，确保能获取到目标数量的文章：

$args = [
    'post_type' => 'post',
    'posts_per_page' => 4, // 设置为需要的4篇
    'no_found_rows' => true, // 无需分页时添加，提升查询性能
    'ignore_sticky_posts' => true, // 排除置顶文章（按需选择）
    'orderby' => 'post_date',
    'order' => 'DESC',
    'tax_query' => [
        [
            'taxonomy' => 'post_format',
            'field'    => 'slug',
            'terms'    => [
                'post-format-aside',
                'post-format-link',
                'post-format-quote',
                'post-format-status',
                'post-format-audio',
                'post-format-chat',
                'post-format-video',
            ],
            'operator' => 'NOT IN',
        ],
    ],
];

• 检查后台符合条件的文章数量：确认有至少4篇文章不属于tax_query排除的格式分类，如果数量不足，滑块会自动重复现有内容，需要补充文章或降低显示数量。
• 排查pre_get_posts钩子：如果主题或其他插件使用了这个钩子修改查询参数，可能会覆盖你的posts_per_page设置，需要检查相关代码。

2. 调整滑块JS配置，关闭无限循环 #

找到滑块初始化的JavaScript代码（通常在主题的js文件夹或自定义脚本中），修改循环相关参数：
以常见的Slick滑块为例，修改后的配置如下：

$('.author-recent-posts__slider').slick({
    slidesToShow: 4, // 每页显示4篇
    slidesToScroll: 1,
    infinite: false, // 关闭无限循环，避免重复显示
    dots: true, // 按需开启分页点
    responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3, // 大屏显示3篇
            }
        },
        {
            breakpoint: 768,
            settings: {
                slidesToShow: 2, // 平板显示2篇
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1, // 手机显示1篇
            }
        }
    ]
});

如果是其他滑块插件（如Owl Carousel），对应关闭循环的参数是loop: false，调整逻辑一致。

3. 验证效果 #

修改后刷新页面，检查：

• 是否显示4篇不同的文章
• 滑块是否不再重复内容
• 如果仍有问题，打开浏览器控制台查看是否有JS报错，或用echo $query->found_posts;输出查询到的文章总数，确认参数是否生效

内容的提问来源于stack exchange，提问作者Patrik Madani