WordPress点击Save & Preview按钮触发alert弹窗的实现方案咨询

你可以通过以下两种无侵入的方式实现需求，修改不会随WordPress或主题升级丢失：

方式一：子主题挂载脚本（推荐） #

• 确认你已使用子主题管理自定义代码，打开子主题根目录下的functions.php文件
• 追加以下代码到文件末尾：

// 分类编辑页注入自定义脚本实现点击弹框
add_action('admin_enqueue_scripts', 'add_save_preview_alert');
function add_save_preview_alert($hook_suffix) {
    // 仅在分类编辑、新增后台页加载脚本
    if (!in_array($hook_suffix, ['edit-tags.php', 'term.php'])) return;
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // 匹配Save & Preview按钮
        const targetBtn = document.querySelector('.edit-tag-actions input[value="Save & Preview"]');
        if (targetBtn) {
            targetBtn.addEventListener('click', function() {
                // 可自定义提示内容
                alert('保存操作已触发，即将为你预览更新后的分类页');
            });
        }
    });
    </script>
    <?php
}

• 保存文件后刷新分类编辑后台即可生效，如需点击后先确认是否提交，可将alert替换为confirm逻辑，阻止默认提交行为即可。

方式二：自定义插件实现（不希望修改主题时使用） #

• 在站点wp-content/plugins/目录新建custom-save-alert文件夹
• 在文件夹内新建custom-save-alert.php文件，写入以下内容：

<?php
/*
Plugin Name: 保存预览按钮提示
Description: 分类编辑页点击Save & Preview按钮弹出自定义提示
Version: 1.0
*/

add_action('admin_enqueue_scripts', 'add_save_preview_alert');
function add_save_preview_alert($hook_suffix) {
    if (!in_array($hook_suffix, ['edit-tags.php', 'term.php'])) return;
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const targetBtn = document.querySelector('.edit-tag-actions input[value="Save & Preview"]');
        if (targetBtn) {
            targetBtn.addEventListener('click', () => alert('保存操作已触发，即将为你预览更新后的分类页'));
        }
    });
    </script>
    <?php
}

• 进入WordPress后台插件列表，找到「保存预览按钮提示」插件启用即可。

相关操作界面截图：

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