wordpress的wp_die()函数如何修改样式_WordPress教程

在 WordPress 中，wp_die() 函数通常用于在处理错误或异常情况时终止脚本执行，并显示一个错误消息。默认情况下，wp_die() 输出的错误消息样式比较简单，但你可以通过一些自定义操作来修改这些样式。

使用 `add_action` 和 `wp_die_handler` 钩子

从 WordPress 5.2 开始，你可以使用 wp_die_handler 钩子来自定义 wp_die() 的行为。这个钩子允许你完全控制 wp_die() 的输出。

function custom_wp_die_handler( $message, $title = '', $args = array() ) {
// 自定义的 HTML 和 CSS 样式
$custom_html = '
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>' . esc_html( $title ) . '</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.error-container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
.error-title {
font-size: 24px;
margin-bottom: 10px;
color: #333;
}
.error-message {
font-size: 16px;
color: #666;
}
</style>
</head>
<body>
<div class="error-container">
<div class="error-title">' . esc_html( $title ) . '</div>
<div class="error-message">' . esc_html( $message ) . '</div>
</div>
</body>
</html>
';

// 输出自定义的 HTML
echo $custom_html;
// 终止脚本执行
die();
}
add_action( 'wp_die_handler', 'custom_wp_die_handler', 10, 3 );