ouxiaopi
  • 首页
  • 小P说
  • 文章归档
  • 相册
  • 朋友
  • 
  • 
  • 

"i never did"

修改wordpress后台登录界面Logo

 胡乱折腾  阅读 160 评论0

小P: 此摘要由AI自动生成

或许有些人用习惯原生态的登陆界面,有些人会乏味,就想换个logo,那么,换一个或许好看一些对不对?

随着wp版本更新,每个版本都会被覆盖成新版本,所以改动wp里面的文件是比较繁琐的,更新一次就需要重新更换,不推荐此种方法,我在这里也就不多说了。

那么我们就来说一说第二种方法,修改当前Themes目下文件就好了。

  • 第一步:通过Dreamweaver新建icon.css文件,输入以下代码(当然你也可以桌面新建文本文档,修改icon.css,UTF-8)

/*添加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’);” ) ) ;

那么我们再回到登陆界面查看。

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

— 于 2018年08月29 ,共写了 1613 字;

— 本文标签:icon, logo, 代码, 登陆

评论 (0)

已有账号? 登录后评论
8 + 3 = ?
暂无评论,快来抢沙发吧~

@ouxiaopi 

Theme by ouxiaopi 皖ICP备17014672号 关于我
千年暗室.一灯即明

×

小P等你很久啦!

欢迎登录

忘记密码?
或使用以下方式登录
 QQ快捷登录

新用户注册