如何通过主题为WordPress后台登录面板新增div且不修改wp-login.php

方案可行性说明 #

完全可行，无需修改WordPress核心的wp-login.php文件，你当前已添加的资源引入代码无需修改，直接任选以下两种方案实现即可：

方案一：通过WordPress原生钩子直接插入HTML（更稳定，不依赖前端脚本） #

直接在主题functions.php中新增钩子函数即可，可根据你要插入的位置选择对应钩子：

• 插入到登录页面头部：使用login_header钩子
• 插入到登录表单内部上方：使用login_message钩子
• 插入到登录页面底部：使用login_footer钩子

示例代码（插入到登录表单上方）：

add_action( 'login_message', function () {
    // 替换为你自定义的div内容即可
    echo '<div class="custom-login-div">自定义div的内容</div>';
} );

插入完成后可以直接在已有的login-styles.css中给.custom-login-div添加自定义样式。

方案二：通过已引入的jQuery脚本动态插入 #

直接编辑你当前为空的login-scripts.js文件，添加以下JS代码即可：

jQuery(document).ready(function($) {
    // 示例：将自定义div插入到登录框容器的最前方
    $('#login').prepend('<div class="custom-login-div">自定义div的内容</div>');
    // 如需插入到其他位置，修改选择器和插入方法（append/after/before等）即可
});

注意事项 #

如果你使用的是第三方公开主题，建议将所有自定义代码放在子主题的functions.php中，避免主题更新后自定义代码被覆盖。

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