专注于外贸建站,分享WordPress教程和Elementor教程

WordPress:如何更改WordPress登录页面的Logo

更新日期:2023-08-03
同系列教程
加入读者学习群
我用的页面编辑器
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我
来开通 SEO工具20+

本篇教程将教你如何更换或自定义wordpress登录页面上的logo(如下图所示示例),默认的logo是wordpress官方的logo,我们要用短代码的方式将它更换掉。

WordPress:如何更改WordPress登录页面的Logo

自定义了登录页面的logo,并且点击logo链接到自己的网站而不是 wordpress.org

PHP / CSS 代码段:自定义wordpress登录页面的logo和logo链接

/**
* @snippet       Replace Logo - WordPress wp-login page
* @compatible    WooCommerce 5.1
*/

add_action( 'login_enqueue_scripts', 'bbloomer_login_logo' );

function bbloomer_login_logo() {

?>

<style type="text/css">

#login h1 a, .login h1 a {

background-image: url(/wp-content/uploads/2020/03/PNG-RGB-1536x830.png);/*更换括号内的图片地址为你自己的logo地址*/

height: 150px;/*这里设置的是logo展示的高度*/

width: 250px;/*这里设置的是logo展示的宽度*/

background-size: contain;

background-repeat: no-repeat;

background-color: transparent;

background-position:center bottom; } </style> <?php } add_filter( 'login_headerurl', 'bbloomer_login_logo_link' ); function bbloomer_login_logo_link( $url ) { return home_url( '/' ); }
外贸建站技术姐Bonnie
外贸建站技术姐Bonnie

Bonnie是LOYSEO的创始人,在建站领域有着超过14年的经验,热爱能将想法变为现实的WordPress,更是Elementor的忠实用户~

让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我
来开通 SEO工具20+