Wordpress如何为页面<body>标签添加额外HTML属性实现弹窗置顶

完全可以实现，以下是两种常用的落地方法，以及弹窗置顶的替代实现方案：

方案1：通过代码片段定向修改body标签属性 #

你需要先获取目标页面的ID：在后台编辑该页面时，浏览器地址栏中post参数对应的数值就是页面ID，假设你的目标页面ID为123，实际使用时替换成自己的页面ID即可。
将以下代码添加到主题/子主题的functions.php文件中，也可以通过代码片段插件添加：

add_filter('body_tag', function($tag) {
    // 仅指定页面生效
    if (is_page(123)) {
        $tag = str_replace('<body', '<body onBlur="window.focus()"', $tag);
    }
    return $tag;
});

该方法不需要修改WordPress核心文件，也不会影响其他页面的配置。

方案2：JS动态注入属性（无需修改主题代码） #

如果不想改动主题文件，可以直接在目标页面的区块编辑器中新增一个「自定义HTML」区块，插入以下代码即可：

<script>
document.body.setAttribute('onBlur', 'window.focus()');
</script>

操作全程在单页面编辑器内完成，生效范围仅针对当前页面，实现效果和直接修改body标签属性完全一致。

弹窗置顶替代实现方案 #

如果不想依赖body的onBlur事件，也可以直接在弹窗的JS逻辑中加入焦点抢占逻辑，兼容性和稳定性更强：

// 替换custom-popup为你的弹窗实际DOM ID
const popup = document.getElementById('custom-popup');
window.addEventListener('blur', () => {
    if(popup) popup.focus();
});

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