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

更新日期:2021-11-09
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:

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Cloudways

速度快、续费不涨价的优质主机
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

Copyright © LOYSEO.COM

我的九成客户都在用的Cloudways超快独享主机,本站专属优惠码:LOYSEO,前2个月可优惠30%
读者学习交流群,
欢迎微信扫码加入