php - 用 WordPress 登录页面中的当前主题徽标替换默认 WordPress 徽标

Question

我正在尝试用活动主题徽标替换 WordPress 登录徽标。活动主题使用徽标的默认“定制器”选项。

我正在使用以下代码

function my_custom_login_logo() {
echo '<style type="text/css">
h1 a {background-image:url(https://broproud.com/wp-content/uploads/2018/08/cropped-150-Width-Logo.png) !important; margin:0 auto;}
</style>';
}
add_filter( 'login_head', 'my_custom_login_logo' );

我知道，我可以使用此代码更改徽标，但是如何自动显示活动主题徽标？需要什么样的功能？

Answer 1

请试试这个

function my_custom_login_logo() {
    $logo_url = ( function_exists( 'the_custom_logo' ) && get_theme_mod( 'custom_logo' ) ) ? wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ), 'full' ) : false;
    $logo_url = ( $logo_url ) ? $logo_url[0] : generate_get_option( 'logo' );

    $logo_url = esc_url( apply_filters( 'generate_logo', $logo_url ) );

    ?>
    <style type="text/css">
        h1 a {
            background-image:url(<?php echo $logo_url ?>) !important; margin:0 auto;}
    </style>
    <?php
}
add_filter( 'login_head', 'my_custom_login_logo' );

Answer 2

第一步是向 login_enqueue_scripts 添加一个动作，这是（如上所述）通过向主题 function.php 添加一个代码片段来完成的。

之后你会发现两件事：

1. 如果你有一个非方形的标志，它会变得非常小
2. 如果你点击它，你会去 wordpress.org

两者都可以用纯 css 在同一个片段中轻松解决：

<style type="text/css">
  body.login div#login h1 a {
    background-image: url(PATH TO YOUR LOGO);
    padding-bottom: 30px;
    margin: 0;
    width: 100%;
    background-size: contain;
    pointer-events: none;
  }
</style>
<?php
} add_action( 'login_enqueue_scripts', 'custom_login_logo' );