WordPress的后台登录界面,带有WordPress的logo及其他多余信息,看起来不个性,虽然很少人访问,但也有很多人想要设计出自己独特的登录界面。对于不是很懂代码的人,要弄这么个东西还是很难的。

大男孩找了很多资料,貌似这方面的教程也非常少,有一些零碎的资料,要么是设置好之后只有登录入口,没有了注册和找回密码以及返回网站的链接了,很不方便;要么就是一个采集bing主题图片作为后台背景的教程,这个代码确实不错,但是bing的图片并不是每个人都想要的,而且bing的图片不是随机的,遇到不理想的图片后台会很难看,最后大男孩通过整合这些代码,自己摸索出了个稍微符合自己需求的方法,在这里分享给有需要的人,不足的地方希望留言指出来,供以后别人参考,谢谢!

下面这个是最终效果图,也可以参照大男孩网的后台登录界面:

以下是实现方法

步骤一:修改function.php

加入以下代码:

//去掉登录界面logo网址

add_filter('login_headerurl', create_function(false,"return get_bloginfo( 'siteurl' );">));

//修改logo说明文字

add_filter('login_headertitle', create_function(false,"return get_bloginfo( 'description' );">));

//添加登录页背景图

function custom_login() {

echo '>'; }

add_action('login_head', 'custom_login');

//替换logo

function custom_loginlogo() {

echo '

h1 a {background:#00a67c url('.get_bloginfo('template_directory').'/img/logo.png) !important;}

';

}

add_action('login_head', 'custom_loginlogo');

步骤二:写一个登录用CSS代码custom_login.css

所有代码,贴在下面,里面的网址修改成自己想要作为背景的图片地址!(PS:用作背景的图片最好是1920*1080以上分辨率的图片,否则图片平铺起来可能不是很美观)

/** 背景及字体 **/

html{

background: transparent;

}

body.login{

background: #fff url("http://www.bittyboy.com/XXXX.jpg");

font: 14px 'Microsoft YaHei', Arial, Lucida Grande, Tahoma, sans-serif;

}

/** 去掉链接下划线 **/

html a{

text-decoration: none;

}

/** 登录DIV **/

#login {

background:#fff;

border: 1px solid #ccc;

width:400px;

margin: 40px auto 0;

padding: 10px 10px 20px 10px;

border-radius:5px;

box-shadow:0 4px 10px -1px rgba(200, 200, 200, 0.7);

}

/** 替换logo **/

.login h1 a{

background: #fff url(logo.png) no-repeat center;

width:400px;

}

/** 提示 **/

.updated, .login .message {

background:#fff;

border: none;

text-align: center;

}

/** 表单 **/

.login form {

box-shadow:none;

border: none;

}

#loginform, #registerform, #lostpasswordform{

background:transparent;

border:none;

}

/** 按钮 **/

.button-primary,.submit .button-primary,#login form .submit input {

width:83px;

height:25px;

font-weight: bold;

border:none;

}

步骤三:在主图目录custom_login,并且把刚才的css文件放进去

刷新下后台看看吧,这样应该是没有问题了,大男孩网在多个网站测试过的。Have Fun!

具体自己测试吧,代码是可用的,也许有的主题不兼容,测试之前注意备份源码。实在不会折腾的也可以联系我付费修改,仅收费50元。

php用户登录界面代码有背景,大男孩教你怎么自定义WordPress用户登录界面背景图片? – 男孩资源网...相关推荐

  1. android背景颜色动态修改,Android自定义TextView带圆角及背景颜色(动态改变圆角背景颜色)...

    最近根据项目需求自定义了一个TextView控件,主要用来做状态的标识,比如一个订单状态有各种,当然了这种设置在Android中可以直接用xml文件来处理,但是对于xml文件太过于麻烦,针对不同的颜色 ...

  2. SilverLight学习笔记--如何在xaml文件中操作用户在后台代码定义的类(2)--示例篇:创建一个登录控件(原创)(转载本文请注明出处)...

    本文将示例如何运用前篇所写知识来建立一个用户自定义的登录控件.此控件界面非常简单,主要涉及的知识点是:   如何创建用户控件(包括对此控件的自定义事件和属性的编写,此处我们将创建一个名为LoginBo ...

  3. 注册登录页面代码用js判断是否填入信息_php实现登录功能

    原文:https://blog.csdn.net/ccy1995414/article/details/80638685 自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么 ...

  4. python爬虫登录有验证码_大神教你用Python爬虫模拟登录带验证码网站

    爬取网站时经常会遇到需要登录的问题,这是就需要用到模拟登录的相关方法.python提供了强大的url库,想做到这个并不难.这里以登录学校教务系统为例,做一个简单的例子. 首先得明白cookie的作用, ...

  5. php网站后台登录背景,wordpress后台登录页面logo/链接/背景修改(自定义)

    wordpress后台登录页面logo链接默认是链接到https://cn.wordpress.org/,logo图标是一个W图,没有背景图.为了个性化,很多wordpress网站后台都进行了自定义W ...

  6. php写的微信聊天界面,Android_Android高仿微信聊天界面代码分享,微信聊天现在非常火,是因其 - phpStudy...

    Android高仿微信聊天界面代码分享 微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码. 先 ...

  7. 【微信小程序canvas】实现小程序手写板用户签名(附代码)

    [微信小程序canvas]实现小程序手写板用户签名(附代码) 工作中公司业务需要的微信小程序用户签字功能 先看效果图: wxml <view class="wrapper"& ...

  8. AndroidStudio实现用户登录注册界面代码(二)

    上次完成了登录界面的实现,今天分享一下注册界面的布局以及代码和MD5的加密. 一.首先创建一个Activity,命名为SecondActivity,当然名字随意命名,我比较懒所以我的基本都是first ...

  9. aspnet登录界面代码_使用Python编写一个QQ办公版的图形登录界面!

    最近,QQ的办公版本--TIM进行了一次更新升级.本次更新升级大幅修改了界面的样式,看起来更加的清爽.简洁和高效了. 这种界面州的先生还是比较喜欢的,没有QQ那么花里胡哨,也比微信那些残缺的功能更加丰 ...

最新文章

  1. boost::geometry模块实现自定义点示例
  2. 【Python】忘记登录密码?遍历数字字母组合密码+模拟提交表单
  3. metaq发送和接收消息demo
  4. 一些比较少用但比较有用的linux命令备忘
  5. Semtech的LoRa技术实现智能化工业应用管理
  6. arm-linux 交叉编译 mp4v2
  7. python刷新_如何在python中刷新输入流?
  8. java猜拳游戏代码_猜拳游戏 - java代码库 - 云代码
  9. 索尼入局电动汽车市场 宣布成立移动出行公司
  10. canvas画条形图 微信小程序_小程序-引入 echart 图表画圆饼图
  11. 第六届中国云计算大会详细日程
  12. 计算机专业的入职动机,大学生学习计算机动机的研究
  13. RGBA转换成RGB
  14. ECS 入门到入土: 一、什么是 ECS
  15. numpy合并不同维度矩阵_玩数据必备Python库:Numpy使用详解
  16. 国内主流加密芯片分析
  17. 奇瑞新能源掌门人鲍思语:未来将迈进大车市场
  18. 游戏中的亚洲后现代电影
  19. shogun-toolbox的使用方法和问题总结
  20. java g1的并行_「g1」JVM G1详解 - seo实验室

热门文章

  1. “多事之秋”的趣店,如今还好吗?
  2. python itchat实现微信自动回复
  3. PHP正则表达式笔记与实例详解
  4. Unity3D 学习 代码
  5. c++头文件防卫式声明
  6. 【cocos creater】5.仿《弓箭传说》- 创建虚拟遥感
  7. [动态系统的建模与分析]15_伯德图,bode图,为什么是20logM?分贝又是什么?
  8. UnicodeDecodeError: ‘utf-8‘ codec can‘t decode byte 0xb5 in position 0: invalid start
  9. python编写程序判断今天是今年的第几天_python怎么判断当前日期是今年的第几天...
  10. 华为手机 标题栏 Notification 8.0 不显示