WordPress – 自定义修改用户登录页面的logo（图片、链接、提示信息）、登录框内容、底部内容、css

我们可以自定义修改WordPress默认的登录界面，自定义登录界面的logo图片、logo链接、提示信息、登录框内容、底部内容。

将下面的代码添加到主题的functions.php文件中即可。

自定义logo图片

function custom_login_logo() {
       echo '
      <style type="text/css">
         #.login h1 a { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.png) !important; }
      </style>
   ';
}
add_action('login_head', 'custom_login_logo');

其中需要替换的logo为放在主题目录/image/custom-logo.png，根据自己的需要修改图片路径。

自定义logo图片的跳转链接

将logo图片的跳转链接修改为网站首页链接

add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));

将logo图片的跳转链接修改为任意链接

function custom_loginlogo_url($url) {
    return 'https://www.baidu.com'; //修改URL地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );

自定义logo图片提示信息

function custom_loginlogo_desc($url) {
    return 'StubbornHuang Blog'; //修改文本信息
}
add_filter( 'login_headertitle', 'custom_loginlogo_desc' );

自定义登录框内容，添加额外信息

function custom_login_message() {
    echo '<p>欢迎来到'.get_bloginfo('name').'</p><br />';
}
add_action('login_form', 'custom_login_message');

自定义底部信息

function custom_html() {
    echo '<p style="text-align:center">© ' . get_bloginfo(url).'</p>';
}
add_action('login_footer', 'custom_html');

自定义登录页面的CSS样式

如果需要大量修改登录页面，那么最好就是自己建一个css，然后根据登录页面的html结构写css样式，可以使用以下代码自定义登录页面的css

function custom_login() {
    echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/login_style.css" />';
}
add_action('login_head', 'custom_login');

上述代码的css文件位置为主题目录/login_style.css。