简易修改WordPress登录界面

林继 WordPress 10,044 共写了769个字 (2011-07-16 12:52:32) 1条评论 打印 扫描二维码 百度已收录

WordPress的后台登录界面上,在用户名和密码的输入框上方,使用的是WordPress本身的logo图片,以及官方网址的链接地址与标题提示。在某些情况下,你可能需要修改它,显示为你自己所需要的logo图片、链接地址和标题提示。那么我们如何修改呢?

毫无疑问,你可以直接修改安装目录下的wp-login.php文件,它们通常在这样的位置:

  1. <?php   if ( !is_multisite() ) { ?>
  2. <div id="login"><h1><a href="<?php echo apply_filters('login_headerurl', 'http://wordpress.org/'); ?>" title="<?php echo apply_filters('login_headertitle', esc_attr__('Powered by WordPress')); ?>"><?php bloginfo('name'); ?></a></h1>
  3. <?php   } else { ?>
  4. <div id="login"><h1><a href="<?php echo apply_filters('login_headerurl', network_home_url() ); ?>" title="<?php echo apply_filters('login_headertitle', esc_attr($current_site->site_name) ); ?>"><span class="hide"><?php bloginfo('name'); ?></span></a></h1>
  5. <?php   }

你可以看到,H1标签里输出的就是站点名称bloginfo(‘name’) 。如果没有开启多站点功能的话,那么链接地址及其标题提示就是WordPress的内容;否则,就是网络站点的地址与站点名称。

当然,你完全可以直接修改这段代码,设置为你所需要的内容,然后再设置由CSS控制的图片;但是,我并不建议你这么做,因为在WordPress进行升级时,你的修改有可能会被覆盖了。

我的建议是,在你的主题函数文件functions.php中,添加动作和过滤函数,简单的几行代码就可以完成。

1、在主题函数文件functions.php中,添加如下一行,以修改链接地址:

  1. add_filter('login_headerurl', create_function(false,"return get_bloginfo( 'siteurl' );"));

2、在主题函数文件functions.php中,添加如下一行,以修改链接地址的标题提示:

  1. add_filter('login_headertitle', create_function(false,"return get_bloginfo( 'description' );"));


3、在主题函数文件functions.php中,添加如下内容,以修改由CSS控制显示的链接图片:

  1. function nowspark_login_head() {
  2.     echo '<style type="text/css">body.login #login h1 a {background:url(https://linji.cn/common/images/dotnet-sprite.png) no-repeat 0 0 transparent;height: 31px;width: 155px;padding:0;margin:0 auto 1em;}</style>';
  3. }
  4. add_action("login_head", "nowspark_login_head");//modify the background image

我是直接使用了统一的图片分割中的logo图片,你应该修改为你的图片地址,以及修改为正确的高度、宽度。

在修改链接地址及其标题提示中,你仍然可以直接输入文本内容,例如你的网站地址和有趣的提示;这里只是为了统一,设置成读取网站的首页地址和站点描述。

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

一条评论

发表评论

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

< >