如何更改登录页面上的徽标?

时间:2010-12-22 作者:Andrew Warner

现在,我的登录页面显示Wordpress徽标。如何将其更改为我的徽标?

5 个回复
最合适的回答,由SO网友:Grant Palin 整理而成

这里有一个非常简单的方法来更改徽标。WordPress的马克·贾奎斯(MarkJaquith)发布了一个插件,允许你上传一个图像,该图像将显示在登录页面上,而不是WP徽标上。

Customize the WordPress Login Screen Logo

SO网友:t31os

我个人会这样做。。

钩住登录头并在稍后插入一些额外的CSS,在登录CSS包含之后,您的样式将进入,因此您不太可能需要!强制样式很重要。

add_action( \'login_head\', \'custom_login_css\', 99999 );

function custom_login_css() {
    ?>
    <style type="text/css">
    h1 a {
        background: url(path/to/your/image/example.jpg) no-repeat top center;
    }
    </style>
    <?php
}
一个功能,一个钩子,完成的工作。。

希望这有助于。。。

如果你想更进一步,完全控制登录CSS,请继续阅读,否则请忽略下面的内容,我还是要发布它,以防其他人想要完全劫持登录CSS。。

拦截排队style_loader_src 为回调函数声明2个参数。

第一个参数是给定样式表的url或srccolors, login, global..等等第二个变量帮助过滤器确定调用的队列,并在与login 手柄

add_filter( \'style_loader_src\', \'hijack_login_src\', 10, 2 );

function hijack_login_src( $src, $handle ) {
    if( \'login\' == $handle )
        $src = get_bloginfo( \'stylesheet_directory\' ) . \'/customlogin.css\';
    return $src;
}
我曾经stylesheet_directoryget_bloginfo() 调用以确保指向子主题的正确目录。

设置登录名的样式在主题文件夹中创建上述函数中引用的文件,如下所示customlogin.css.

从此复制代码pastebin, 将其粘贴到新创建的CSS文件中并保存<粘贴箱中的代码基本上是登录名的副本。dev.css来自WP 3.0.3,采用这种方法的不同之处在于可以完全控制登录的css,而不需要在样式中进行重写。

现在只需在该文件中进行您喜欢的任何更改。

One caveat to note here, is that the login file uses relative paths for images, so the stylesheet as is will point at non-existant images.<但是,由于样式表现在位于主题目录中,您可以使用主题图像目录的相对路径,这为您提供了两个简单的解决方案

从复制原始图像wp-admin/images/ 进入主题的图像文件夹,并使用相对路径(见下文)。

设置样式,使用相对路径在主题的图像文件夹中使用自己的图像,例如。images/someimage.jpg.

SO网友:markratledge

许多插件和变体-custom login wordpress - Google Search - 但基本上:

进入主题的功能。php文件:

function custom_loginpage_logo_link($url)
{
return get_bloginfo(\'wpurl\');
}
function custom_loginpage_logo_title($message)
{
return get_bloginfo(\'name\');
}
function custom_loginpage_head()
{

$stylesheet_uri = get_bloginfo(\'template_url\')."/login.css";
echo \'<link rel="stylesheet" href="\'.$stylesheet_uri.\'" type="text/css" media="screen" />\';
}
add_filter("login_headerurl","custom_loginpage_logo_link");
add_filter("login_headertitle","custom_loginpage_logo_title");
add_action("login_head","custom_loginpage_head");
并创建一个名为login的文件。主题目录的css,并在那里进行css更改:

html,
body.login {background-color: #464646;}
#login h1 a {height:160px;background: url(images/mylogo.jpg) no-repeat top center;}
#login .message {display:none;}
#login form {background-color: #c2c2c2;}
#login label {color: #111;}
#login input {border: 1px solid #999;}
.login #login p#nav a:link,
.login #login p#nav a:visited,
.login #login p#nav a:hover,
.login #login p#nav a:active {text-decoration:none; color: #fff !important}
#nav {color: #fff; font-weight: bold}

SO网友:SKFox

article WPEngineer应该让您开始更改Wordpress登录页面的徽标、名称和链接。

SO网友:Harun

复制并粘贴主题函数中的代码。php文件。

function change_my_wp_login_image() {
    echo "
        <style>
            body.login #login h1 a {
                background: url(\'".get_bloginfo(\'template_url\')."/images/your_image_name\') 8px 0 no-repeat transparent;
                background-position: center;
                height: 100px;
                width: 320px;
                background-color: #E48C07;
            }
        </style>
    ";
}
add_action("login_head", "change_my_wp_login_image");
您可以按照以下链接参考customize WordPress log in interface

结束

相关推荐

Login form in popup

我将WP3与defaul主题一起使用。我希望人们在提交评论之前注册。我想做的是建立一个链接,而不是像“留下评论”这样的评论表单。单击此链接将打开一个弹出窗口,其中包含登录/注册表单或评论表单(如果用户已登录)。这可能吗?谢谢