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) 口碑
分享到:更多 ()

评论 8

评论前必须登录!

  1. 森林之家
    我就来看看我的头像弄好了没
  2. 知园
    超赞! :mrgreen:
  3. 同盟源
    萌翻了,设计得好啊!
  4. 灰常记忆
    :wink: 你用上了?