用自定义文本替换WordPress登录徽标

时间：2014-04-08 作者：Xing Lee

我想用一些自定义文本替换登录屏幕上显示的wordpress徽标。

以下是我迄今为止尝试的代码：

function my_custom_logo() {
echo \'<style type="text/css">
#header-logo { background-image: url(\'.get_bloginfo(\'template_directory\').\'/images/wp-logo.png) !important; }\';
}
add_action(\'admin_head\', \'my_custom_logo\');
它可以替换徽标，但我需要用什么文字来替换它？有什么建议可以让它发挥作用吗？

4 个回复
最合适的回答,由SO网友:Pieter Goosen 整理而成

您首先需要从登录屏幕中删除wordpress徽标。wordpress徽标是由css添加的，因此您需要更改css并将其挂接到login_enqueue_scripts 行动挂钩

function my_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
            background-image: none;
            background-size: 0 0;
            height: 0;
            margin: 0 auto 0;
            width: 0;
}
        }
    </style>
<?php }
add_action( \'login_enqueue_scripts\', \'my_login_logo\' );
接下来，您可以添加自定义消息

function custom_login_message() {
$message = "Your custom message goes here";
return $message;
}
add_filter(\'login_message\', \'custom_login_message\');
你可以去看看法典，了解更多信息hooks and filters for the login form

SO网友:Madivad

这实际上取决于要用什么文本替换它。

例如：如果你想用博客标题代替它，那么信不信由你，这很简单，可以通过CSS单独完成。

博客标题已出现在图像中，但已被移出屏幕text-indent 所需的一切就是恢复正常。

.login h1 a {
    text-indent: 0;
    background-image: url(\'\');
    background-size: auto;
    width: auto;
    color: #fff;
    font-size: 1.5em;
}
设置URL 到\'\' 如果要完全删除背景图像，请将其删除。根据需要设置颜色和尺寸。

SO网友:s_ha_dum

徽标写入CSS，链接文本和目标可过滤：

    105         /**
    106          * Filter link URL of the header logo above login form.
    107          *
    108          * @since 2.1.0
    109          *
    110          * @param string $login_header_url Login header logo URL.
    111          */
    112         $login_header_url = apply_filters( \'login_headerurl\', $login_header_url );
    113         /**
    114          * Filter the title attribute of the header logo above login form.
    115          *
    116          * @since 2.1.0
    117          *
    118          * @param string $login_header_title Login header logo title attribute.
    119          */
    120         $login_header_title = apply_filters( \'login_headertitle\', $login_header_title );

https://core.trac.wordpress.org/browser/tags/3.8.1/src/wp-login.php#L89
例如：

function alter_login_headerurl() {
  return \'http://example.com\';
}
add_action(\'login_headerurl\',\'alter_login_headerurl\');

function alter_login_headertitle() {
  return \'Yay\';
}
add_action(\'login_headertitle\',\'alter_login_headertitle\');
更改图像enqueue a login stylesheet 并覆盖上的背景图像.login h1 a.

SO网友:Keshav Kalra

It\'s simple 

function my_custom_logo() {
echo \'<script>jQuery("#header-logo").html("<h1>My Text Logo</h1>")</script>\';
}
add_action(\'admin_head\', \'my_custom_logo\');
结束
标签： wp-admin   wp-login-form   小码农  

相关推荐

在多站点中为非管理员拉入自定义/wp-admin/css

这里有一个问题，我相信很多人都想找到答案。。。在多站点安装中，有时我希望博客所有者的仪表板以不同的方式显示。这些样式主要由/wp admin/css/文件夹控制。问题是，如果我们编辑/wp-admin/css/，它会影响到每个人，包括多站点管理员。有没有办法为除网站所有者以外的所有网站用户拉一个自定义/wp admin/css/文件夹？这样，站点所有者仍然可以看到传统的面板，而网络中有站点的其他所有人都可以看到由/wp admin/css/中的样式表控制的自定义设计的面板。