本篇教學將教你如何更換或自定義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( '/' );
}
點贊
