WordPress个性化登陆界面(添加会遮挡双眼的猫头鹰动画)

在开始本篇文章之前,我们先来看下最终效果,需要的话就继续看下去吧。文章最后面还加了个点心,欢迎品尝。

maotouying

即当鼠标切换到登陆密码一栏时,那只萌萌的猫头鹰就害羞的遮挡住了双眼。陌小雨给大家分享这效果的具体方法:

1、编辑WordPress根目录下的/wp-login.php文件

在文件最后面的

代码之前添加下面js代码:

然后继续在该文件中搜索下面代码:

全部替换为:

2、编辑/wp-admin/css目录下的login.min.css文件

editplus打开该文件后依次选择菜单:文档-自动换行,再将下面的文件粘帖到最后面:

下面是上述代码中所需的两个图片素材,右键另存为下载后上传到自己的服务器替换其中的图片地址。

1、素材一

owl-login

2、素材二owl-login-arm

由于WordPress自动升级频繁,所以每次自动升级后都需要手动将login.min.css中添加的css代码重新添加一次。

如果需要和陌小雨一样,给登陆界面添加一个漂亮的背景图,只需要将下面的代码添加到主题functions.php。

背景图是每日一换的哦,每一天都是新鲜的。

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (8) 口碑
分享到:更多 ()

本文共有5人发表了自己的想法,下一个就是你!

评论 8

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 森林之家
    我就来看看我的头像弄好了没回复
  2. 知园
    超赞! :mrgreen:回复
    • 陌小雨
      @知园 赶快试试吧,觉得好可以帮忙点击提交给百度哦,陌小雨先谢过了。回复
  3. 同盟源
    萌翻了,设计得好啊!回复
  4. 灰常记忆
    :wink: 你用上了?回复

本站能为你提供什么?

从这里开始使用WordPress

快速认识WordPress,熟悉WordPress,掌握WordPress。

选择更好用的模板主题

海量的WordPress主题模板供应下载,搭建网站更加轻松、便捷!

让您的网站更安全可靠

在这里,可以了解更多关于网站安全方面的常识问题,做个攻不可破的webmaster

让您的网站更符合你的需求

学习技术教程,自己也能改网站,学前端,做设计,成为一名WEB开发者