之前我的登陆方式都是在前台加的登陆表单，当时欢欢喜喜加的，而且觉得效果不错，甚是喜欢了很久，不过最近在@大发 的领头下，我决定，把前台登陆表单给去掉，使用登陆界面登陆，但是默认的登陆界面实在太枯燥了，所以我也改了登陆界面，虽然没发叔的那个方法麻烦，而且我这个趋于简单，所以功能上也没发叔那里的高级，俺这个貌似也不咋优雅。。实现方法也更是只需一个css就轻松搞定了。

第一步

虽然说是只需一个css，但是还是需要代码将css追加到登陆页面的

  1. //自定义登录页面
  2. function custom_login_logo() { echo '<link rel="stylesheet" id="wp-admin-css" href="'.get_bloginfo('template_directory').'/admstyle.css" type="text/css" />';}
  3. add_action('login_head', 'custom_login_logo');

将上面代码丢进模板函数里，至于怎么丢才正确，想必大家都知道，如果你不知道，可以选择谷歌一下，也可以选择跳过此文章

上方代码丢进去之后，那就是第二步了

第二步

第二步当然是css，将CSS下载下来，然后解压丢到主题根目录就行了，效果在此

背景图片来自腾讯微博，不用担心拖速度，不用担心费流量。。

不同版本的wordpress可能略有不同，自己F12改一下就OK了

Ps：蛮讨厌别人不声不响的就扒我的站啦，你扒就扒呗，说一声不不会怎么样，又不是不让你扒，而且被扒也是你认可我的一种方式，不然你也不屑于扒了，对吧…

好了，文章写晚了，嘈也吐完了，我也闪人了…

标签: WordPress技巧, 前端路上

已有 86 条评论

  1. 斌果 斌果

    sf，登陆界面其实我早就把你的扒去了 :lol: :lol: :lol: :lol: :lol: :lol: :lol:
    我一直以为图片是盗链你的，原来你也是盗链 。。。。

    回复
    1. Tokin Tokin

      @斌果：你什么时候扒的…你不是用大发的那个样式么…

      回复
      1. 斌果 斌果

        @Tokin：其实大发的是本地

        回复
  2. OYOY OYOY

    选择跳过此文章

    回复
    1. Tokin Tokin

      @OYOY：很简单的…不过很无聊的功能

      回复
  3. 晒太阳的奶酪 晒太阳的奶酪

    :?: 越改主题,越来越发现这已经不是wordpress了.

    回复
    1. Tokin Tokin

      @晒太阳的奶酪：要知道当初我就折腾EM了，现在觉得WP太庞大了，很多东西完全用不到

      回复
      1. 晒太阳的奶酪 晒太阳的奶酪

        @Tokin：那你现在转过去咯,貌似wp的主题在EM改下代码就能用了.

        回复
        1. Tokin Tokin

          @晒太阳的奶酪：固定链接是硬伤…

          回复
  4. 晒太阳的奶酪 晒太阳的奶酪

    发现一个BUG，点击图片放大后，侧边栏的捐赠共勉挡住了，建议加个最高层次解决！

    回复
    1. Tokin Tokin

      @晒太阳的奶酪：没事儿，我文章里的图片截图固定宽度是650px，点不点都一样，弄个点击放大只是给无聊的人点着玩的…

      回复
  5. 大发 大发

    腾讯微博。。。

    回复
    1. Tokin Tokin

      @大发：在新浪微博那里没看到好看的背景图…Tw、Fb要翻墙…

      回复
  6. 木头怀 木头怀

    又换皮了~~ :evil:

    回复
    1. Tokin Tokin

      @木头怀：只是把主题简单的改了一下，不过改动貌似有点剧烈…

      回复
  7. 小七 小七

    多用户博客或许还有点用

    回复
    1. Tokin Tokin

      @小七：自己登陆的时候看着舒心，实现起来也不麻烦…

      回复
  8. 刘荣焕 刘荣焕

    用上上次的JS 让云彩动起来吧 哈哈哈 文章里面插入的图片都带着width属性 怎么去掉 然后用CSS来控制

    回复
  9. 简搜博客 简搜博客

    看起来 赶脚不错呀 还是天空 :!:

    回复
    1. Tokin Tokin

      @简搜博客：不仅简单，效果也不错

      回复
  10. 公子 公子

    很新颖的赶觉。。。

    回复
    1. Tokin Tokin

      @公子：公子大人，您也来光顾俺的小站啦～

      回复
  11. [已删除] [已删除]

    我想说这个很难看你会不会不高兴？ :oops:

    回复
    1. Tokin Tokin

      @[已删除]：不高兴干啥，你觉得难看就难看呗，反正你登陆wp的时候不在我这里登陆…嘎嘎

      回复
  12. xqian xqian

    :eek: 看看

    回复
  13. 度哥网 度哥网

    挺漂亮的主题

    回复
  14. PC丶爱好者 PC丶爱好者

    好看爆了……速度换上

    回复
  15. 胡倡萌 胡倡萌

    一段时间没来，没想到主题都换了N次了，后台登录还不错

    回复
    1. 斌果 斌果

      @胡倡萌：你没来的时候他都换了3个主题了

      回复
    2. Tokin Tokin

      @胡倡萌：主题换来换去，赶不上大大新出的那款主题啊。。。太赞了 :razz:

      回复
  16. 熊壮 熊壮

    好漂亮

    回复
    1. Tokin Tokin

      @熊壮：那就给主题加上吧

      回复
  17. 乐谷扬思 乐谷扬思

    换主题影响收录不？求解

    回复
    1. Tokin Tokin

      @乐谷扬思：因为是系列主题，采用的都是同样的SEO方式，所以换了几个主题了，依然没发现影响收录收录什么的，反而每次大改动后，快照会及时更新…

      回复
  18. ޓއއއ ޓއއއ

    终于有一位博主没有变黑白了 :twisted:

    回复
    1. Tokin Tokin

      @ޓއއއ：我博客和黑白的差别不大…‎

      回复
  19. OOCLER OOCLER

    啊哈~ 这个真好，拿走了~

    回复
  20. 飘零 飘零

    主题越来越强大了

    回复
  21. Anisong Anisong

    用上了。很漂亮

    回复
  22. 碎碎念 碎碎念

    :!: 原来wordpress还可以这么帅 ！过段时间来扒~~哇咔咔~ :idea: O(∩_∩)O

    回复
  23. 骑行领域 骑行领域

    这还真简洁，漂亮。年轻就是好，可以折腾，老人家就折腾不动 :cry:

    回复
    1. Tokin Tokin

      你一心在骑行。。哈哈

      回复
      1. 骑行领域 骑行领域

        @Tokin：最近一心在搬砖啊，攒钱攒路费

        回复
  24. 小冰 小冰

    感觉不错哦~ :!:

    回复
  25. 碎碎念 碎碎念

    :eek: 用上后才发现，惊艳啊！！

    回复
  26. 谋哈小川 谋哈小川

    学习了。。话说我google不到怎么丢才正确，就把它放在functions.php里了。结果竟然可以用:?:

    回复
    1. Tokin Tokin

      @谋哈小川：汗，稍微折腾过主题的，都知道怎么丢这个代码…之所以没说明方法，我怕我说的不详细，丢错了的话，网站就不能访问了…

      回复
  27. Godaddy 优惠码 Godaddy 优惠码

    不错 很清爽的敢叫················

    回复
  28. 软件酷(Softku) 软件酷(Softku)

    这个才叫技术文

    回复
  29. ixwebhosting ixwebhosting

    清爽，简洁，自然大方，值得欣赏，支持一下

    回复
  30. 斌果 斌果

    你怎么还不改掉Admin账号，都跟你说了多少遍了 :mad:

    回复
    1. Tokin Tokin

      这不是一直没放假么

      回复
  31. 大喇叭 大喇叭

    :razz: :razz: :razz: 漂亮啊啊

    回复
  32. 木本无心 木本无心

    技术型博客，我喜欢。

    回复
    1. Tokin Tokin

      其实，我是半个生活博客。。。。

      回复
  33. 建筑材料市场调研 建筑材料市场调研

    师傅说： 看帖不回，木有JJ，马克下文章，慢慢看；忠实粉丝，期待更新。我是一鸣，回访一下吧。。。

    回复
  34. 免费资源部落 免费资源部落

    博主的WP技术越来越有提高了。

    回复
  35. 土木坛子 土木坛子

    多少好博客，都在折腾中。

    回复
  36. 斌果 斌果

    测试评论，请博主删除

    回复
  37. 无名 无名

    对登录界面没有神马追求，到是对简洁的主题情有独钟 :mrgreen:

    回复
  38. 无名 无名

    上一条留言貌似邮箱又搞错了 :arrow:

    回复
    1. Tokin Tokin

      你有几个邮箱。。。

      回复
  39. ޓއއއ ޓއއއ

    前台配上后台，简直一体化了 :twisted: :twisted:

    回复
  40. 碎碎念 碎碎念

    我可以说我把你这个登录界面又模仿了QQ空间登录界面一下吗？大爱啊！Tokin发的东西真不赖啊！

    回复
  41. kanwhat kanwhat

    是不是所有的wp都可以这么改啊

    回复
    1. Tokin Tokin

      @kanwhat：理论上是的，但不排除有一些奇葩什么的…

      回复
  42. 鲜活优惠码 鲜活优惠码

    自己看的 懒得折腾啦 :cool: :cool:

    回复
  43. 枫叶红秋雨 枫叶红秋雨

    :razz: 这个效果还是不错的

    回复
  44. 电脑爱好者之家 电脑爱好者之家

    效果很不错了啊 :shock:

    回复
  45. 李凯成博客 李凯成博客

    就是喜欢与众不同，还有其他样式嘛

    回复
  46. Sprit Sprit

    :evil: 我觉得没那个必要，反正访客又不会看。

    回复
  47. 斌果 斌果

    你换新的登录页面啦

    回复
    1. Tokin Tokin

      @斌果：恩，换了，更简洁了

      回复
  48. 白先生 白先生

    感谢分享，收下了。

    回复
  49. 蓝骑士 蓝骑士

    很漂亮，支持作者

    回复
    1. Tokin Tokin

      谢谢支持，嘿嘿

      回复
  50. ζั͡އއއ’Ran° ζั͡އއއ’Ran°

    :neutral: 漂亮~~~

    回复
  51. chachachade chachachade

    这段代码与Gsky有冲突。
    需要把Gsky模板函数的“//自定义登录页面LOGO
    function custom_login_logo() { echo 'h1 a{background-image:url('.get_bloginfo('template_directory').'/images/logo.png) !important; background-size: auto !important;height:0;width:0; !important;}';}
    add_action('login_head', 'custom_login_logo');”改成以上代码~

    否则会导致白屏-_-||

    回复
    1. Tokin Tokin

      @chachachade：恩，因为这个功能就是基于这段代码

      回复
  52. 朔朔 朔朔

    今天使用你这段代码用在我们协会网站了，谢谢

    回复
  53. 出前一丁 出前一丁

    其实还不太懂，

    回复
  54. Andy Andy

    右边浏览器的上下拉菜单不见了，要怎样才可以恢复菜单.

    回复
    1. Tokin Tokin

      额，因为网页不需要下拉啊，所有内容都在第一屏显示出来了，下拉干嘛

      回复
  55. iKx.me iKx.me

    今天签到啦！时间：下午11:00:49

    回复
  56. 分享登录界面美化CSS | 林南博客 分享登录界面美化CSS | 林南博客

    […] 代码来自天空团，放在functions.php里。他也提供了CSS，不过我觉得略丑，然后还是自己动手，丰衣足食吧 == […]

    回复
  57. nice nice

    這個演示站掛掉了0.0

    回复

添加新评论