纯代码美化WordPress后台登录界面

WordPress登陆后台比较简洁,背景白色,logo也是WP标志,点击后到达WP官网。我们可以进行一些简单的自定义,让这个登陆界面更加友好,下图是笔者的博客登陆界面自定义前后比较:

自定义WordPress登陆界面

主要变化是:添加了漂亮的背景图片,替换了默认的logo,logo链接到博客首页。具体步骤如下:

首先下载必要的文件包custom-login.zip,解压custom-login文件夹,制作大小300*89的PNG格式背景透明的Logo一枚并替换掉该文件夹下的loginlogo.png,上传custom-login文件夹到当前主题的根目录。相关文件作用说明:

  • abstractbackgroun.jpg文件将作为背景图片(可以用你喜欢的背景图片替换,建议宽度>2000px,高度>2000px)
  • loginlogo.png将作为登陆框上面的logo(这个必须要替换的,用你自己的logo)
  • custom-login.css控制着登录页面的样式(可以酌情修改)

然后,打开当前主题functions.php文件,添加以下代码,保存。

//customize wordpress login page
function custom_login() {
    echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login/custom-login.css" />';
}
add_action('login_head', 'custom_login');

add_filter('login_headerurl', 'my_login_url_local');
function my_login_url_local() {
    return get_bloginfo('url');
}

当然,如果你见到代码就头大,那也可以不用折腾这个,直接用插件,例如:BM Custom Login,可以达到各种效果:Showcase

  4Comments

  1. sky   •  

    压缩包下载不鸟 — !!

  2. 潜行者m   •  

    后台样式貌似也可以修改,怎么修改啊?佳软兄,多写点这类的文章。关于改造 WordPress 的

    • Jeriff Cheng   •     Author

      这种东西我有很多,慢慢会放出来的,敬请期待

Leave a Reply

Your email address will not be published. Required fields are marked *