如何从登录和注册页面中删除WordPress徽标?

时间:2015-04-27 作者:deep jain

我想从登录和注册页面删除WordPress徽标。我想我必须在这方面做些改变。此的css文件。所以我想知道我必须在哪个css文件中进行更改?

6 个回复
SO网友:fischi

您可以将筛选器添加到login_head. 如中所述Codex, 将此添加到代码中:

function my_custom_login_logo() {
    echo \'<style type="text/css">
    h1 a {background-image:url(http://example.com/your-logo.png) !important; margin:0 auto;}
    </style>\';
}
add_filter( \'login_head\', \'my_custom_login_logo\' );

SO网友:m4n0

要删除WordPress徽标,请在函数中粘贴以下代码。主题目录的php。

function remove_logo() { ?>
<style type="text/css">
    .login h1 a { display: none; }
</style>
<?php }

add_action( \'login_enqueue_scripts\', \'remove_logo\' );

SO网友:Roman Káčerek

使用>Appearance > Editor > function.php 并将此添加到最后一行之前“?>“:

/* Remove WP logo from login page */

function custom_login_logo() {
    echo \'<style type ="text/css">.login h1 a { display:none!important; }</style>\';
}

add_action(\'login_head\', \'custom_login_logo\');

SO网友:Ashin

如前所述,您可以使用内置主题编辑器替换徽标in this post.

步骤1:

以管理员身份登录WordPress站点并转到Media -> Add New 上载新图像并复制图像url。

您还可以将新徽标上载到主题的图像目录,也可以创建一个新目录来上载徽标。这可以在web主机控制面板或FTP的帮助下完成。

第2步:

转到管理员Dashboard -> Appearance -> Theme Editor.

步骤3:

当编辑器打开时,查找并选择函数。php,并将以下代码添加到页面末尾。

function my_custom_logo() { ?>
     <style type="text/css">
         #login h1 a, .login h1 a {
             background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png);
             height:100px;
             width:100px;
             background-size: 100px 100px;
             background-repeat: no-repeat;
             margin-bottom: 10px;
         }
     </style>
 <?php } 
add_action( \'login_enqueue_scripts\', \'my_custom_logo\' );
更换徽标。png,带有您上载的文件名。如果您使用WordPress上传了新徽标,请修改背景图像属性,如下所示。

background-image: url(url copied in step 1);

SO网友:Ismail

您不需要进行编码,使用Custom Login 执行此操作的插件

SO网友:revive

最好在@ashin提到的login\\u enqueue\\u脚本之后运行此操作above

我会发布这个,因为它与更改徽标有关。

从wordpress更改URL。组织到您自己的组织(以及链接标题attr),请使用以下内容:

    function my_login_logo_url() {
        return home_url();
   }
    add_filter( \'login_headerurl\', \'my_login_logo_url\' );

    function my_login_logo_url_title() {
        return \'Your Site Name and Info\';
    }
    add_filter( \'login_headertitle\', \'my_login_logo_url_title\' );
如果您想疯狂地使用样式,以下是用于编辑整个登录页面的css:

body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform {}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}

结束

相关推荐

Logo on the tab

我想在我的网站标签上添加一个徽标(例如,Wordpress的所有页面标签上都会显示Wordpress徽标)如何以及在何处上载图像?感谢您的帮助,