注册 登录
  • 亦之博客- 最专业的wordpress主题免费收集分享平台,WordPress免费主题应有尽有!http://yizhiboke.com
  • 公告:网站最近做了下固定链接,如有访问却看不到的文章可以在网址后缀加.html.
  • 秀人蜜| 秀人网倾力打造最有视觉效果的美女图片网站——www.xiuren.me
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏 亦之博客
  • 一秒钟记住我们的网址:www.yizhiboke.com

如何自定义了随意更换WordPress登陆页面背景图片

如何自定义了随意更换WordPress登陆页面背景图片

这个功能是一个小功能,但是就我了解到的,目前还是有很大一部分主题都是使用的了这个功能的,所以这里还是简单的介绍一下实现方法。

首先我们看到登录页面的元素,就可以了解到了全局是由 body 控制的,那么我们需要做的事情就是通过functions.php来控制背景色而已。如果你不是DUX主题,那么你可以使用小面的代码来试下该功能:

function login_background() {
echo '<style type="text/css">
body { background: #474242; }
.login form { background: #3d2e2e; }
</style>';
}
add_action('login_head', 'login_background');

通过functions.php来控制 CSS 背景色,这个功能已经是很常见了,这里就不在说了。如果你是DUX主题,那么你可能需要添加两个部分的代码,就可以实现后台控制了:

这段代码添加到主题 option 文件下:

$options[]=array(
'name'=>__('【18-19】开启自定义登陆页面背景颜色','haoui'),
'id'=>'login_bg_checker',
'desc'=>__('勾选之后请设置下面的值','haoui'),
'type'=>'checkbox'
);
$options[] = array(
'name'=>__('【18-19-1】自定义背景个颜色','haoui'),
'id' => 'login_bg_color',
'std' => "",
'desc' => __('选中文字颜色,请选择一种颜色,自行配合颜色', 'haoui'),
'type' => "color");
$options[] = array(
'name'=>__('【18-19-2】自定背景图片','haoui'),
'id' => 'login_bg_img',
'std' => "",
'desc' => __('自行上传一张图片作为背景图片,优先级低于上面的,也就是一旦设置了颜色,此选项失效', 'haoui'),

下面的代码添加到functions.php中即可:

function login_background() {
if(_hui('login_bg_checker') && _hui('login_bg_color')){
echo '<style type="text/css">
body { background: '._hui('login_bg_color').'; }
</style>';
}elseif(_hui('login_bg_checker') && _hui('login_bg_img')){
echo '<style type="text/css">
body { background-image: url('._hui('login_bg_img').');
background-size:100%;}
</style>';
}
}
add_action('login_head', 'login_background');

那么这样DUX主题就可以通过后台控制了,不知道对大家有么有帮助呢?


喜欢 (7)
[]
分享 (0)
admin
关于作者:
网络虽无边,处处皆是缘。君若有空余,不妨常来玩 www.yizhiboke.com
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 两眼一抹黑,看不懂
    CPA学习网2017-07-25 12:26 回复