WonderCSS

寻求不同,让我们自定义 WordPress 登录页面

对于每一个拥有 wordpress 网站的站长或管理员们,几乎每天都会登录管理后台,面对默认后台登录页面相比你早已经审美疲劳了。那么我们如何在不破坏 wordpress 除模板文件外的任何源文件的情况下,修改 WordPress 登录页面的样式呢?对于无所不能的 WordPress 系统来说答案是肯定的。

以我常说的话:给我一个样式表我就能72变、翻天覆地!首先我们就需要在登录后台页面里插入一个自用的样式表:将下面代码加到主题 functions.php 模版文件中。


//Custom login page style
function custom_login() {   
echo '<link rel="stylesheet" tyssspe="text/css" href="' . get_bloginfo('template_directory') . '/custom_login.css" />'; }   
add_action('login_head', 'custom_login');   

然后我们在当前使用的 WordPress主题 文件夹内新建一个CSS样式表“custom_login.css”,这样我们就完成了更换登录页所调用的样式表,只需要编辑 custom_login.css 即能自定义 WordPress 登录页面样式!

在最后我们做的就是按现有的html标签来进行CSS编写,主要的是几处关键命名一定要贴合:


/* 登录框外容器 */
#login {
}

/* LOGO */
.login h1 a {    
}

/* 提示信息 */  
.updated,
.login .message {
}

/* 表单输入框 */
#loginform,
#registerform,
#lostpasswordform {   
}

/* 按钮 */
.button-primary,
.submit .button-primary,
#login form .submit input {    
}

By 于湛 发布于 2013.04.16 1,568 次浏览

发表评论

电子邮件地址不会被公开。 必填项已用*标注