專注於企業網站架設,分享WordPress教學和Elementor教學
架設網站,就和我一起用Cloudways超快獨享主機,免費試用3天,註冊輸入優惠碼:LOYSEO,可享2個月7折,成為正式用戶,可聯繫我領取禮品哦

WordPress:如何更改WordPress登錄頁面的Logo

更新日期:2021-11-09

掃碼加入 讀者學習群

我自用的 架設網站資源

當你點擊本站的鏈接購買主機、主題、外掛,我會得到一些佣金用於運營網站,但不會影響你的購買價格,我只推薦自己在用的,感謝有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%
了解詳情→

elementor logo gradient 01 1
Elementor

最熱門的網頁可視化設計編輯器,我的網站就是用它建的
了解詳情→

Namesilo

註冊網域,購買時使用優惠券loyseo可減1美元
前往註冊→

Share on facebook
Share on twitter
Share on linkedin

本篇教學將教你如何更換或自定義wordpress登錄頁面上的logo(如下圖所示示例),默認的logo是wordpress官方的logo,我們要用短代碼的方式將它更換掉。

woocommerce wordpress login page logo 1024x585 1

自定義了登錄頁面的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( '/' ); }
點贊
0 / 5 0

Your page rank:

企業網站架設學習交流群
超快獨享主機
Cloudways
免費試用3天,無需充值
費用月結| 不用一次性付整年
*註冊優惠碼Promo code:LOYSEO
*用Gmail郵箱,註冊易通過