WordPress自定义表单处理器与Elementor冲突（Headers Already Sent错误）

Warning: Cannot modify header information - headers already sent by(output started at /home/oakbdvsm/public_html/new/wp-content/plugins/elementor/modules/image-loading-optimization/module.php:99)in /home/oakbdvsm/public_html/new/wp-includes/pluggable.php on line1435

原因解析 #

这个错误的核心是HTTP响应的顺序规则：wp_redirect()要求在任何页面内容（包括HTML、空格、警告输出）发送到浏览器之前调用，因为HTTP头必须优先于页面内容传输。

现在的问题出在Elementor的ob_end_flush()函数（module.php第99行）：这个函数会强制结束输出缓冲，并把缓冲里的内容立即发送给浏览器。一旦内容输出，后续再调用wp_redirect()时，HTTP头已经无法修改，直接触发警告。

至于之前正常运行了一年，大概率是Elementor的图片加载优化模块最近更新了逻辑，新增了这个ob_end_flush()调用，打破了之前的输出顺序。

解决方法 #

方法1：调整表单处理的执行时机 #

把表单处理逻辑挂钩到WordPress的init动作上——这个动作在页面输出前触发，能确保重定向在任何内容发送前完成：

add_action('init', 'handle_my_custom_form');
function handle_my_custom_form() {
    // 替换成你的表单提交标识（比如提交按钮的name属性）
    if (isset($_POST['form_submit_btn'])) { 
        $street = sanitize_text_field($_POST['street_name']);
        if ($street === 'Broadway') {
            // 替换成你的目标页面URL
            wp_redirect('https://your-target-page.com'); 
            exit; // 必须加exit，阻止后续代码执行输出内容
        }
    }
}

方法2：禁用Elementor的图片加载优化模块 #

如果暂时用不上这个功能，直接在Elementor设置里找到「图片加载优化」选项并关闭，这样ob_end_flush()就不会被调用，恢复之前的输出顺序。

方法3：手动控制输出缓冲 #

不想禁用Elementor模块的话，可以手动开启全局输出缓冲，延迟内容发送时机：
在主题的functions.php最顶部添加：

ob_start();

然后添加钩子，确保只有在未触发重定向时才输出内容：

add_action('shutdown', function() {
    // 如果没执行过重定向，再结束缓冲输出内容
    if (!did_action('wp_redirect')) {
        ob_end_flush();
    }
});

注意：这个方法需要测试，避免和其他插件的缓冲逻辑冲突。

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