/ 85评 / 0

之前我的登陆方式都是在前台加的登陆表单,当时欢欢喜喜加的,而且觉得效果不错,甚是喜欢了很久,不过最近在@大发 的领头下,我决定,把前台登陆表单给去掉,使用登陆界面登陆,但是默认的登陆界面实在太枯燥了,所以我也改了登陆界面,虽然没发叔的那个方法麻烦,而且我这个趋于简单,所以功能上也没发叔那里的高级,俺这个貌似也不咋优雅。。实现方法也更是只需一个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:蛮讨厌别人不声不响的就扒我的站啦,你扒就扒呗,说一声不不会怎么样,又不是不让你扒,而且被扒也是你认可我的一种方式,不然你也不屑于扒了,对吧…

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

85条回应:“修改wordpress登陆界面”

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

  2. iKx.me说道:

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

  3. Andy说道:

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

    • Tokin说道:

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

  4. 出前一丁说道:

    其实还不太懂,

  5. 朔朔说道:

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

  6. 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’);”改成以上代码~

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注