造型多个自定义wordpress登录

我想为网站的子域做一个单独的登录。我加入以下到我的模板PHP文件，刚刚创建用户通场和登录按钮：造型多个自定义wordpress登录

<?php wp_login_form(); ?>

WordPress的文档中

，它说，这种形式的造型在“您的活动做主题的样式表（style.css）“。我在线添加了一个典型的模板到我的样式表中，但没有加载它。我不确定我是否在正确的部分添加了，或者当您以这种方式调用登录表单时这些类是不同的。我的造型代码片段低于：

body.login { 
 
    background-image: url('bg_piece.png'); 
 
    background-repeat: repeat; 
 
    background-attachment: fixed; 
 
    background-position: center; 
 
}.login h1 a { 
 
    background-image: url('logo.png'); 
 
} 
 
.login label { 
 
    font-size: 12px; 
 
    color: #555555; 
 
} 
 

 
.login input[type="text"]{ 
 
    background-color: #ffffff; 
 
    border-color:#dddddd; 
 
    -webkit-border-radius: 4px; 
 
} 
 

 
.login input[type="password"]{ 
 
    background-color: #ffffff; 
 
    border-color:#dddddd; 
 
    -webkit-border-radius: 4px; 
 
}.login .button-primary { 
 
    width: 120px; 
 
    float:right; 
 
    background-color:#17a8e3 !important; 
 
    background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#17a8e3)); 
 
    background: -webkit-linear-gradient(top, #17a8e3, #17a8e3); 
 
    background: -moz-linear-gradient(top, #17a8e3, #17a8e3); 
 
    background: -ms-linear-gradient(top, #17a8e3, #17a8e3); 
 
    background: -o-linear-gradient(top, #17a8e3, #17a8e3); 
 
    background-image: -ms-linear-gradient(top, #17a8e3 0%, #17a8e3 100%); 
 
    color: #ffffff; 
 
    -webkit-border-radius: 4px; 
 
    border: 1px solid #0d9ed9; 
 
} 
 

 
.login .button-primary:hover { 
 
    background-color:#17a8e3 !important; 
 
    background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9)); 
 
    background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9); 
 
    background: -moz-linear-gradient(top, #17a8e3, #0d9ed9); 
 
    background: -ms-linear-gradient(top, #17a8e3, #0d9ed9); 
 
    background: -o-linear-gradient(top, #17a8e3, #0d9ed9); 
 
    background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%); 
 
    color: #fff; 
 
    -webkit-border-radius: 4px; 
 
    border: 1px solid #0d9ed9; 
 
} 
 

 
.login .button-primary:active { 
 
    background-color:#17a8e3 !important; 
 
    background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3)); 
 
    background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3); 
 
    background: -moz-linear-gradient(top, #0d9ed9, #17a8e3); 
 
    background: -ms-linear-gradient(top, #0d9ed9, #17a8e3); 
 
    background: -o-linear-gradient(top, #0d9ed9, #17a8e3); 
 
    background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%); 
 
    color: #fff; 
 
    -webkit-border-radius: 4px; 
 
    border: 1

我曾试图把它放在不同的.css形式似乎并没有工作。提前谢谢了！

来源

2017-05-28 Mingos

请检查打开并关闭{}电流。使用文件在 - 您在代码中使用相同的文件夹中使用的图像png格式

.CSS

body.login { background-image: url('bg_piece.png'); 
      background-repeat: repeat; 
      background-attachment: fixed; 
      background-position: center; 
      } 

.login h1 a { background-image: url('logo.png'); }

来源

2017-05-28 04:48:12 user8076379

我不认为CSS是问题所在。我将style.css文件放在与模板相同的文件夹中，但wp登录表单并未使用.css文件 – Mingos

总结您的登录功能，在一个div像

<div class="my-cust-login"><?php wp_login_form(); ?></div>

如果登录表格正在显示，您现在可以将该目标定位到您的字段，例如

.my-cust-login .login h1 a{ 
background:red; 
}

清除y我们的缓存顺便说一下，如果你有任何缓存插件。

来源

2017-05-28 07:03:03 Ayanize

造型多个自定义wordpress登录

回答

相关问题