本篇教程将教你如何更换或自定义wordpress登录页面上的logo（如下图所示示例），默认的logo是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( '/' );
}
