wordpress后台登录页面美化

文章说明

作为一个重度强迫症患者,我对wordpress原生的后台登录界面表示蛋疼,丑的一笔,于是我决定自己动手美化一下,话不多说,请看下面演示地址或预览图片

预览图片

article4-1

使用方法

1:修改主题目录(博主我的是wp-content/themes/simple/..)下的functions.php文件,在 ?> 前面添加一个方法,方法的作用就是在登录页面插入自定义的css、js、favicon、…还能插入什么呢?哈哈,自己琢磨吧,代码如下:

//自定义后台登陆
function custom_login() { 
 echo '<link rel="shortcut icon" href="' . get_bloginfo('template_directory') . '/custom_login/custom_favicon.ico" />';
 echo '<link rel="stylesheet" tyssspe="text/css" href="' . get_bloginfo('template_directory') . '/custom_login/custom_login.css" />'; 
 echo '<script src="' . get_bloginfo('template_directory') . '/custom_login/custom_login.js"></script>'; 
} 
add_action('login_head', 'custom_login'); 

2:在主题目录(博主我的是wp-content/themes/simple/..)下新建一个文件夹命名为custom_login(有懒癌的同学嫑怕,后面有下载),将要用到的图片、js、css都放在里面就OK了,如果你想修改背景图,颜色等等,你可以修改custom_login.css,在这里说明一下custom_login.js的作用,一是为登录框增加placeholder提示,因为原生登录框是没有的,二是隐藏登录框的label,就是那个提示的文字(什么用户名、密码啊)

3:文件都放置好了之后,刷新页面就可以看到效果

Q&A

有的童鞋要说了,自己博客后台别人又看不到,还整那么漂亮干啥?我认真的说一句:强迫症不能忍!!!另外..我不是处女座0.0.然后小明同学又有问题了,说wordpress升级后会不会又变回原来的丑样呢?答案是不会,因为我们没有对wordpress自身的文件做任何改变,所以更新后还是美美哒

共有 21 条评论

  1. Mark

    博主,文章能转载吗?

    1. admin

      转载请注明出处!

  2. 轻狂志

    多说评论风格不错,希望能共享一下。

    1. Vince

      本人原创制作,可以分享,百度云http://pan.baidu.com/s/1hsNghuO

  3. 哈哈

    试一下

  4. 纯洁

    处女座强迫症不能忍,我收下了

  5. 123

    装完后无效,貌似和多梦主题有冲突。

    1. 123

      我用博主的FUNCTION不起作用,换了下面这个可以,但是登录下面的链接不能用
      function custom_login() {
      echo ”; }
      add_action(‘login_head’, ‘custom_login’);

      1. 123

        我去。。。原来是这么个原因!
        博主文章里ECHO‘这里的东西没了 ’

      2. vince

        多谢提醒,这个问题我会修复,目前没有用代码高亮,所以贴出来的php代码被wordpress和谐了

      3. 123

        博主给力!
        照方式添加了,但是登录下面的链接都不能点,输入错误后才可以点击…..
        啥情况

      4. Vince

        下面链接是找回密码和返回博客?我这没问题啊

      5. 123

        对,不知道是不是和我的主题冲突[吃惊]

      6. Vince

        仅仅修改CSS是不可能有冲突的,你博客能访问的话我可以给你看看

      7. 123

        会和多梦的登录窗冲突,CSS,修改了部分,但是图片还是不对。LOGO的形状都是椭圆的

      8. 123

        不显示LOGO

      9. 123

        博主给力!
        照方式添加了,但是登录下面的链接都不能点,输入错误后才可以点击…..
        啥情况

  6. kinyoo乖乖

    可惜我用了插件,暂时用不上

    1. Vince

      过多的插件会拖慢网站速度

  7. 不错。。。不错。。。

Top