如何修改Wordpress登录页面的默认logo10+

2010.01.05 | Tags: , ,

这个标题也可以是“如何自定义Wordpress登录界面的logo”。记得,那还是2009年的一天,我突然有个想法:把Wordpress后台登录界面的那个Wordpress默认logo改成自己的logo图片…那么如果将Wordpress登录页面上的Wordpress默认logo改成自己的logo呢,方法有三:

  • 方法一:直接换图片

    这个方法最直接也最省事,同时也最没有技术含量:
    打开“wp-admin\images”将其中的“logo-login.gif”用你自己的图片替换,替换就是名字不变的意思 : ) ,就这么简单。我使用的就是这种方法!

  • 方法二:修改代码

    如果你觉得上面的方法太没有技术含量,那就对代码下手吧:

    打开wp-admin\css\login.css,找到如下代码:

    h1 a {
    background: url(../images/logo-login.gif) no-repeat top center;
    width: 326px;
    height: 100px;
    text-indent: -9999px;
    overflow: hidden;
    padding-bottom: 15px;
    display: block;
    }

    把图片路径“../images/logo-login.gif”修改成你自己的路径,如“/logo.gif”,即网站根目录下的logo.gif文件。
    注意图片的宽度和高度要适当调整一下(width: 326px;height: 100px;分别是宽度和高度,根据实际修改吧)。

  • 方法三:彻底解决 – 深度修改代码

    上面的两个方法是挺好的,可是都有一个致命的缺点:“Wordpress升级后就要重新设置了”;同时你又觉得上面的两个方法都没有技术含量,那么下面咱们就玩玩代码吧:

    打开主题文件夹下的“functions.php”,添加如下代码(请将“《”和“》”改为“< ”和“>”):

    function my_custom_login_logo() {
    echo ‘《style type=”text/css”》
    h1 a { background-image:url(‘.get_bloginfo(‘template_directory’).’/images/custom_login-logo.gif) !important; }
    《/style》’;
    }

    add_action(‘login_head’, ‘my_custom_login_logo’);

    然后,将你的logo命名为“custom_login-logo.gif”放到主题文件夹下的image文件夹中,刷新一下看看效果吧。
    下次再升级Wordpress程序再也不怕重新设置了,这个原理其实跟使用插件是一样样的。

写在最后:

不就是修改一个图片吗,犯不着为此大动干戈去装插件,最好使用前两种方法,即简单又方便,最主要的是不给服务器增加压力。


  1. 1 先看看
    2010.01.05 / 10:24

    直接删掉就可以了,哈哈

  2. 2 QiQiBoY
    2010.01.05 / 13:03

    我以前是第一种方法,简单,快捷。。。安全。。

  3. 3 流量计
    2010.01.05 / 14:07

    博主写的不错,受益匪浅,学习了

  4. 4 三七八蛋
    2010.01.05 / 17:10

    直接换图片最省事了。

  5. 5 聪壹艮
    2010.01.05 / 21:31

    还是选第一种把,做不来技术活…

  6. 6 内大臣
    2010.01.05 / 23:03

    换图片的方法简单,好学。我觉得这个最好

  7. 7 安sir
    2010.01.06 / 16:38

    直接换图片是最省事的方法

  8. 8 Yusn
    2010.01.07 / 11:15

    @安sir
    是的,我也这样想的
    @QiQiBoY
    @内大臣
    呵呵,这样简单

  9. 9 笨笨
    2010.01.11 / 14:58

    嘿嘿就连这样的教程都写出来了,博主可见是追求完美的人,学习这种精神。

  10. 10 漠天
    2010.01.16 / 13:02

    我曾经使用过图片覆盖,但是更新后就需要重新弄,