修改WordPress站点更新时的临时提示文本及添加图片的代码求助

实现步骤 #

1. 准备图片资源 #

先把要展示的图片上传到WordPress媒体库，上传完成后复制图片的完整URL（比如https://你的站点域名/wp-content/uploads/2024/05/maintenance-cover.jpg）。

2. 添加自定义代码 #

将以下代码添加到当前主题的functions.php文件中（优先使用子主题修改，避免主题更新后代码丢失）：

function custom_maintenance_page() {
    $maintenance_content = '<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>站点维护中</title>
        <style>
            body {
                text-align: center;
                padding: 30px;
                font-family: "Microsoft Yahei", Arial, sans-serif;
                background-color: #f8f9fa;
            }
            .maintenance-box {
                max-width: 650px;
                margin: 50px auto;
                background: #fff;
                padding: 45px;
                border-radius: 10px;
                box-shadow: 0 3px 15px rgba(0,0,0,0.08);
            }
            .maintenance-img {
                width: 100%;
                max-width: 450px;
                margin-bottom: 25px;
                border-radius: 6px;
            }
            .maintenance-tip {
                font-size: 19px;
                color: #444;
                line-height: 1.7;
                margin: 0;
            }
        </style>
    </head>
    <body>
        <div class="maintenance-box">
            <img src="https://你的站点域名/wp-content/uploads/2024/05/maintenance-cover.jpg" alt="维护提示图片" class="maintenance-img">
            <p class="maintenance-tip">我们正在对站点进行更新优化，预计10分钟后恢复访问。感谢你的耐心等待！</p>
        </div>
    </body>
    </html>';
    
    echo $maintenance_content;
    exit;
}
add_action('wp_maintenance_mode', 'custom_maintenance_page');

3. 调整自定义内容 #

修改代码里的两处关键内容：

• 把https://你的站点域名/wp-content/uploads/2024/05/maintenance-cover.jpg替换成你刚才复制的图片实际URL
• 修改<p>标签里的提示文本为你想要的内容（比如调整维护时长、更换提示话术）

注意事项 #

• 修改functions.php前请先备份文件，避免代码错误导致站点无法访问
• 如果站点使用了缓存插件，更新维护页面后需要清除缓存才能生效

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