或许有些人用习惯原生态的登陆界面,有些人会乏味,就想换个logo,那么,换一个或许好看一些对不对?
随着wp版本更新,每个版本都会被覆盖成新版本,所以改动wp里面的文件是比较繁琐的,更新一次就需要重新更换,不推荐此种方法,我在这里也就不多说了。
那么我们就来说一说第二种方法,修改当前Themes目下文件就好了。
/*添加icon.css*/.login h1 a {
background-image: url(‘logo.png’);
height: 100px;
width: 230px;
background-size: 230px;
}
- 第二部:ps完成你自己的Logo,尺寸宽230px*高100px,这里就不详细描述了。
完成logo命名为logo,图片格式png。如图。

- 第三部:打开网站上传工具,这里我以FlashFxp为例。
找到当前目录下的主题,新建一个文件夹命名login。【例路径为/htdocs/wp-content/thems/你当前主题…】
将做好的两个文件icon.css和logo.png两个文件传入该文件夹。
- 第四部:修改当前主题下Functions.php文件
打开当前目录下functions.php文件,在尾部添加如下代码。
/* 登陆界面图标 */
function custom_login() {
echo ‘<link rel=”stylesheet” tyssspe=”text/css” href=”‘ . get_bloginfo(‘template_directory’) . ‘/login/icon.css” />’; }
add_action(‘login_head’, ‘custom_login’);
至此,我们的登陆界面LOGO已经成功,你可以是登陆后台看看,是不是已经换成了你自己的logo
过程中我还遇到以下两个问题。
1):修改完成后,点击logo图片会还是原生态的地址,即为wp地址,我们需要在functions.php文件里另外加入代码,地址改为自己的网站地址。
// 去链接
function custom_loginlogo_url($url) {
return’https://www.ouxiaopi.com/’; //在此输入你需要链接到的URL地址
}
add_filter( ‘login_headerurl’, ‘custom_loginlogo_url’);
function custom_register_url($url) {
return’https://www.ouxiaopi.com/’; //在此输入你需要链接到的URL地址
}
add_filter( ‘login_registerurl’, ‘custom_register_url’);
2):链接代码已去,鼠标移动上去的时候还是会显示文字“基于wordpress”,我们需要加入下面代码去除。也是functions.php文件里。
// The custom login page’s LOGO hint is the site namea
add_filter ( ‘login_headertitle’ , create_function ( false , “return get_bloginfo(‘name’);” ) ) ;
那么我们再回到登陆界面查看。

此文仅供参考探讨交流使用,不对之处还望指正,不喜勿喷,谢谢合作!
评论 (0)