WordPress最近(几周前)有过一次比较大的版本更新(5.4.x->5.5.x)刚出更新提示没太在意,过了这么多天闲着无事突然想起来有这茬,也确实很久没更新过,上来瞧瞧看顺道发篇水文凑凑数

年久失修的博客正确更新 WordPress 三部曲
1,搜集情报
1.1,上WordPress官网去看看热闹,都更新有些啥:
于2020年8月11日发布5.5版本更新
图片延迟加载、内置站点地图、插件和主题自动更新、吹一波从来不用的编辑器又有啥啥啥更新
重点看一下开发者这块:新旧功能函数迭代变化大不大、各种基础组件/库类更新、前端脚手架/素材更新一大堆
*看完回想一下与当前主题、插件没有啥关联,自己对主题、插件的了解预估一下有啥影响
1.2,去搜索引擎使用 WordPress+版本号+错误异常 等关键词看看是否有其它坑爹部分
*因此发现有一堆人搜索 wordpress 5.5 删除登录页logo ,看着没人搭理于是才有了本文

2,网站备份
应用程序:插件、主题、当前WordPress版本
内容数据:数据库
*关键是数据(文章内容、插件主题配置)和文件(程序主体配置文件),全打包备份另存一份

3,开始更新,更新顺序依次:插件 -> 主题 -> 最后更新WordPress自身,减少狗头被爆几率
*博客用的插件基本都有团队在维护,大致看了下没啥问题升级一步到位,剩下我们进入主要环节
PHP-Function-Code
WordPress 5.5 如何删除登录页 Logo?
注销登录状态我们在管理登录页面按下F12,打开浏览器自带的开发者工具定位到页面logo位于 #login h1 a
它是由位于 WordPress 根目录下 wp-admin/css/login.min.css 样式表文件定义,仔细一看你会发现它居然上写死在了CSS文件中,0202年了WordPress团队还有人将代码写死?(或者上历史遗留问题?很久没关注也太多闲情去翻历史),既然找到了问题出处,我们尝试解决掉它
1,删除替换:打开 login.min.css 文件找到如下内容
嗷嗷待宰的代码

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

1.1,删除以上内容 登录页上的 Logo 即消失
1.2,替换上方内容里的 ../images/w-logo-blue.png?ver=20131202../images/wordpress-logo.svg?ver=20131107 为自定义 logo 资源,搞不清相对路径的网友,请使用绝对路径(填完整资源URL地址)

2,掩耳盗铃
直接操作删改文件可以解决一时之需,遇到WordPress再次更新 wp-admin 目录下的文件将会重新被覆盖,虽然login.min.css个头不大但它定义了登录页的基本样式,如果不想重新整个登录页还得留着它,为此 我们可以通过自定义登录页面内联CSS样式通过CSS选择器不同优先级来覆盖低级样式达到自定义“删除”Logo的目的
“删除”登录页Logo

//隐藏掉登录页Logo
function hide_wordpress_login_logo() {
echo '<style type="text/css">#login h1 a {display:none;}</style>';
}
add_action( 'login_head', 'hide_wordpress_login_logo' );

当然我们也可以自定义登录页Logo

//自定义登录页Logo
function diy_wordpress_login_logo() {
echo '<style type="text/css">h1 a {background-image:url(https://dss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=492822622,519704440&fm=58) !important;height:99px !important;width:99px !important;background-size:100% !important;line-height:inherit !important;}</style>';
}
add_action( 'login_head', 'diy_wordpress_login_logo' );

参数简述
url():定义logo图像资源地址
height:图像高度,建议不超过100px
width:图像宽度,建议不超过256px
将上述代码配置好后复制添加到当前WordPress主题根目录下的 function.php 文件末尾即可(建议首末尾多加个换行)
3,重建登录页,适合喜欢自己DIY折腾的首选,已有好些这块的插件这里不做多说(部分主题也有自带)

水至此,全文·完

comment-author avatars

Zhys

Cherish the time! Don't waste even nine seconds to remember the past, live in the present and for the future planning.

猜你喜欢...

发表评论

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

邮件通知