前言
默认的登录背景比较单调,可以修改登录背景,这里提供非插件纯代码的修改方法。
PHP代码
在function.php插入以下代码
//添加登录界面css
function custom_login() {
echo '<link rel="stylesheet" tyssspe="text/css" href="' . get_bloginfo('template_directory') . '/login/custom-login-styles.css" />'; }
add_action('login_head', 'custom_login');
在当前主题下新建一个login/custom-login-styles.css文件,添加以下内容
css代码
以下代码为自适应背景,将背景图片放在login下,并改成background.jpg,查看效果前记得清空一下浏览器缓存。
body.login {
background: url('background.jpg');
width:100%;
height:100%;
background-image:url('background.jpg');
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-moz-border-image: url('background.jpg') 0;
background-repeat:no-repeat\9;background-image:none\9;
}