非插件自定义 WordPress 登陆界面

对于个人博客而言,Wordpress 的登陆界面算是私处了,除了博主自己,还有谁会关心这个登陆界面长啥样呢?但如果是开放注册的博客呢?那这个登陆界面就会经常被插,所以这登陆界面也就和前台一样重要,一样需要美化了。美化的方法当然也有很多,最土最笨最原始的方法就是改 WordPress 的程序文件啦,不过对于今后升级无疑是很不方便的;最简单最方便最省事的方法就是用插件,不用搜我也知道一定有这样的插件,而且我也知道用插件肯定不够个性化,千篇一律;最高级最个性最装B的方法就是非插件,完全可以安装自己想要的效果来设计打造一款独一无二的登陆界面。

DEMO 的话不在本站,因为本站是个人博客,不开放注册,对 WordPress 的登陆界面随意了。看效果的请去 SunMusic 的后台,因为他家是开放注册的,所以这后台也需要格外设计一下,有兴趣的朋友可以注册个玩玩。下面说方法:

把以下代码复制到 WordPress 主题文件的 functions.php 中:

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

多简单呀,一个勾子就把自定义的 CSS 样式文件挂到了登陆界面,接下来的事就可以把自定义的样式写进 custom-login.css 中了,把这个样式表放在主题文件夹下就行。至于怎么设计,怎么写 CSS 我就不多说了。这个方法已经满世界都是了,搜索引擎上一搜一大把,本文只是为 SunMusic 主题做个制作笔记,或许以后还用的上。

  1. Pingback: 美化后台登陆样式与伪无限伸长侧边栏 | 邪罗刹的菠萝阁

  2. 不是很喜欢在functions.php加代码 :?: 每次都无奈的出错.
    用其他代码放在头部判断页面是登陆页加css效果一样吧?

  3. 昨天就看过这个注册画面了,超漂亮,今天又继续去看了一次,呵呵。开来找老万做主题好啊,除了做主题,还包含了推广的软服务在里面呢,哈哈