登录

wordpress后台登录页面logo/链接/背景修改(自定义)

wordpress建站 maolai 1216次浏览 0个评论 扫描二维码

wordpress后台登录页面logo链接默认是链接到https://cn.wordpress.org/,logo图标是一个W图,没有背景图。为了个性化,很多wordpress网站后台都进行了自定义WordPress的登录页面。这个可以在主题的functions.php 添加一些简单的代码来实现自定义修改(不需要插件),即使WordPress版本升级,也不会影响后台修改的效果。

wordpress后台登录页面logo

1、自定义wordpress后台登录页面Logo图片

//自定义登录页面的LOGO图片(头像)
function my_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url('.get_bloginfo('template_directory').'/logo.png) !important; }
</style>';
}
add_action('login_head', 'my_custom_login_logo');

以上代码中的/logo.png为图片地址,可改为其他图片格式如.jpg等。上传到网站根目录所用的主题下。

2、自定义wordpress登录页面LOGO链接为网站首页链接

//自定义登录页面logo链接为首页链接
add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));

3、自定义登录界面LOGO链接为任意(其它)链接地址

//自定义登录界面LOGO链接为其他链接链接
function custom_loginlogo_url($url) {
	return 'http://www.lmlblog.com/blog/1/'; //修改URL地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );

4、很多wordpress网站后台背景图每天都在自动更换(即每天一图),这个主要是WordPress登录页面使用必应(Bing)背景美图作为登录页面背景。

如果你使用bing美图作为WordPress登录页面背景图,以上1、2、3可以不用添加了。以下代码logo图标为favicon.ico这个你也可以修改为其他头像、图标等,上传到你网站根目录就可以了。logo图标链接为网站首页链接,背景图就是bing美图了。

//wordpress bing美图自定义登录页面背景
function custom_login_head() {
$str = file_get_contents('http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1');
if (preg_match("/<url>(.+?)<\/url>/ies", $str, $matches)) {
if(git_get_option('git_loginbg')){
$imgurl = git_get_option('git_loginbg');
}else{
$imgurl = 'http://cn.bing.com' . $matches[1];
}
echo '<style type="text/css">#reg_passmail{display:none!important}body{background: url(' . $imgurl . ');background-repeat: no-repeat;background-position: top center;background-attachment: fixed;background-size: cover;width: 100%!important;height: 100%!important;}.login label,a {font-weight: bold;}.login-action-register #login{padding: 5% 0 0;}.login-action-register h1 {display: none;}.login p {line-height: 1;}.login form {margin-top: 10px;padding: 16px 24px 16px;}h1 a { background-image:url(' . home_url() . '/favicon.ico)!important;width:32px;height:32px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}#registerform,#loginform {background-color:rgba(251,251,251,0.3)!important;}.login label,a{color:#000!important;}</style>';
}
}

温馨提示:隐藏内容需要登录后才能查看!


本文由maolai编辑整理发布,转载请注明wordpress后台登录页面logo/链接/背景修改(自定义)!如果本文对你有帮助,可打赏博主,鼓励博主继续写作!
喜欢 (0)
[maolai]
分享 (0)
maolai
关于作者:
无折腾,不生活。一个爱折腾,爱分享的90后,欢迎你认识我,我是MAOLAI。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址