wordpress

WordPress第三课_修改登录界面背景

grise · 6月18日 · 2019年

前言

默认的登录背景比较单调,可以修改登录背景,这里提供非插件纯代码的修改方法。

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;
}

0 条回应