如何在WordPress文章编辑页添加按钮实现取消全选分类？

完全可以实现，核心是利用WordPress后台的钩子输出按钮，再配合JavaScript处理取消选中的逻辑，具体方案如下：

用到的核心Hook #

• category_meta_box_end：用于在分类 metabox（「Add new category」按钮所在区域）末尾添加自定义按钮
• admin_footer-post.php / admin_footer-post-new.php：仅在文章编辑页和新建文章页加载处理按钮逻辑的JavaScript，避免影响其他后台页面

具体实现代码 #

1. 添加「取消所有分类」按钮 #

将以下代码添加到主题的functions.php文件或自定义插件中：

add_action( 'category_meta_box_end', 'add_clear_all_categories_button' );
function add_clear_all_categories_button() {
    // 输出按钮，样式和后台原生按钮统一
    echo '<button type="button" id="clear-all-categories" class="button button-secondary" style="margin-left: 8px;">取消所有选中分类</button>';
}

2. 添加按钮点击逻辑的JavaScript #

同样添加到functions.php或自定义插件：

// 仅在文章编辑/新建页加载JS
add_action( 'admin_footer-post.php', 'enqueue_clear_categories_script' );
add_action( 'admin_footer-post-new.php', 'enqueue_clear_categories_script' );
function enqueue_clear_categories_script() {
    ?>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const clearBtn = document.getElementById('clear-all-categories');
            if (!clearBtn) return;

            clearBtn.addEventListener('click', function() {
                // 定位所有已选中的分类复选框
                const checkedCategoryBoxes = document.querySelectorAll('.category-checklist input[type="checkbox"]:checked');
                
                checkedCategoryBoxes.forEach(checkbox => {
                    checkbox.checked = false;
                    // 触发change事件，让WordPress后台同步分类选中状态
                    checkbox.dispatchEvent(new Event('change'));
                });
            });
        });
    </script>
    <?php
}

额外说明 #

• 兼容性：该方案同时支持经典编辑器和块编辑器（Gutenberg），因为分类面板的DOM结构在两种模式下保持一致
• 样式调整：如果按钮位置需要微调，可以修改inline样式的margin-left值，或者通过自定义CSS调整
• 扩展：如果需要支持自定义分类法，只需把category_meta_box_end替换为对应的自定义分类法钩子，格式为{taxonomy}_meta_box_end，比如产品分类法product_cat对应的钩子是product_cat_meta_box_end

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