WordPress admin_notices通知显示位置异常问题求助

问题原因 #

• admin_notices钩子的回调函数不支持自定义参数，你当前的customer_admin_notice函数定义了$message_type和$customer_nr参数，不符合该钩子的调用规范。
• 你应该是在客户增删改等业务逻辑中直接调用了customer_admin_notice()函数，而非通过WordPress的钩子流程触发。这种直接调用会在页面DOM结构还未生成到wpbody-content容器时就输出通知HTML，导致通知被直接插入到body标签下，进而出现全屏显示、被侧边栏遮挡的样式问题。

修复方案 #

正确的做法是通过**临时存储（Transient）**传递通知内容，再让admin_notices的回调函数读取并显示：

1. 重构通知显示函数 #

将原函数改为无参数，从临时存储中获取消息类型和相关数据：

function customer_admin_notice() {
    // 获取临时存储的通知数据
    $notice_data = get_transient('customer_admin_notice');
    if (!$notice_data) return;

    // 删除临时存储，避免重复显示
    delete_transient('customer_admin_notice');

    $message_type = $notice_data['type'];
    $customer_nr = isset($notice_data['customer_nr']) ? $notice_data['customer_nr'] : '';
    $message = '';
    $notice_class = 'notice is-dismissible';

    switch ($message_type) {
        case 'customer_update_success':
            $message = 'Customer updated successfully.';
            $notice_class .= ' notice-success';
            break;
        case 'customer_new_success':
            $message = 'Customer added successfully.';
            $notice_class .= ' notice-success';
            break;
        case 'customer_delete_success':
            $message = "Customer with number {$customer_nr} has been deleted.";
            $notice_class .= ' notice-success';
            break;
        case 'customer_delete_error':
            $message = "No customer with number {$customer_nr} was found.";
            $notice_class .= ' notice-error';
            break;
        default:
            return;
    }

    // 输出通知HTML
    echo "<div class=\"{$notice_class}\"><p>{$message}</p></div>";
}
add_action('admin_notices', 'customer_admin_notice');

2. 在业务逻辑中设置临时存储 #

比如客户更新成功时：

// 客户更新成功后调用
set_transient('customer_admin_notice', [
    'type' => 'customer_update_success'
], 10); // 10秒有效期，足够页面跳转后读取

删除客户失败时：

// 删除客户失败后调用
set_transient('customer_admin_notice', [
    'type' => 'customer_delete_error',
    'customer_nr' => $customer_nr
], 10);

关键说明 #

• 使用set_transient存储通知数据，是因为WordPress后台操作通常伴随页面跳转，临时存储可以跨请求传递消息，且自动过期避免重复显示。
• admin_notices钩子会在wpbody-content容器内部的正确位置触发，输出的通知会自动纳入WordPress后台的通知区域，样式恢复正常。

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