如何删除Wordpress图片筛选Widget中无法在设置移除的“全部”分类筛选项

你之前写的CSS代码不生效的核心原因是选择器使用错误：data-vp-filter是a标签的自定义属性，不是类名，不能用类选择器的写法匹配。

方案1：使用正确的CSS选择器 #

直接添加以下代码到Wordpress后台「外观-自定义-额外CSS」中即可：

/* 精准匹配筛选值为all的按钮 */
a[data-vp-filter="all"] {
    display: none !important;
}

如果以上代码优先级不足，可以根据父元素类名补全层级提高优先级，示例：

.vp-filter-wrapper a[data-vp-filter="all"] {
    display: none !important;
}

添加代码后清理站点缓存、浏览器缓存再刷新页面验证效果即可。

方案2：JS动态移除（CSS方案无效时使用） #

如果存在特殊样式优先级冲突导致CSS不生效，可以将以下JS代码添加到主题自定义脚本区域，或通过自定义HTML挂件插入到页脚位置：

document.addEventListener('DOMContentLoaded', function() {
    const allFilterBtn = document.querySelector('a[data-vp-filter="all"]');
    if(allFilterBtn) allFilterBtn.remove();
})

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