A-A+

WordPress修改后台登录页Logo图片和链接

2014年05月19日 PHP开源系统 评论 3 条 阅读 193 views 次

WordPress 后台登录页面中包含有一个指向 wordpress.org 的 Logo 图片和链接。如果你使用 WordPress 来创建企业网站或者电子商务网站,那么将Logo图片和链接地址换成自己的网站logo图片和链接,会显得更加专业一些;也可以让你的个人博客更酷。

WordPress修改后台登录页Logo链接

你所需要做的非常简单。在你所使用的主题目录中,建立一个 functions.php 文件,打开,并将如下代码复制到其中:

function custom_loginlogo_url($url) {
return 'http://yusi123.com';
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );

注意:别忘了把这里的 http://yusi123.com 换成你自己的网址哦。直接把代码粘贴到 functions.php 文件中就可以了。

WordPress修改后台登录页Logo图片

方法一:修改代码

这个也很简单,只要几句代码就可以了。在你所使用的 WordPress 主题目录中,有一个 functions.php 文件(如果没有,就自己建立一个),复制以下代码到其中:

function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background:#00a67c url('.get_bloginfo('template_directory').'/img/logo.png) !important;}
</style>';
}
add_action('login_head', 'custom_loginlogo');

添加好代码之后,将你制作好的 logo 上传到目录下的 images 目录内,文件名为 logo.png 就可以了。具体的大小样式还可以自己添加。

wordpress3.8的logo用的是SVG 图像(指可伸缩矢量图形,图像在放大或改变尺寸的情况下其图形质量不会有所损失),替换道理也是一样。

把图片路径换一下就可以。如:

background-image:none, url("../images/wordpress-logo.svg?ver=20131107")

方法二:修改CSS文件

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

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

.login h1 a {
background-image: url('../images/w-logo-blue.png?ver=20131202');
background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
.................

这个是3.8版本的css。如果是其他版本的也是一样。找到对应样式修改就行了。

想用什么图片什么路径自己修改就可以了。具体的其他样式也可以在这个标签样式里面修改。

标签:

3 条留言  访客:3 条  博主:0 条

  1. 梦轩丽人

    我前几天刚刚把登陆地址改了,登陆页的LOGO图片倒没改,先收藏了。

  2. 张戈博客

    已修改~

  3. 临沭人

    这个方法好

给我留言