複数のカスタムWordpressログインのスタイル設定

Question

ウェブサイトのサブドメインに別のログインをしようとしています。このフォームのスタイリングは、あなたのアクティブ」で行われていると言う、ワードプレスのマニュアルに

<?php wp_login_form(); ?> 

：私はちょうど、ユーザーパスフィールドとログインボタンを作成し、私のテンプレートの.phpファイルの中に次を追加しましたテーマのスタイルシート（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形でそれを置くことを試みた、それが動作するようには思えません。事前に多くの感謝！

Answer 1

現在の開閉を確認してください。 ログインした場合

.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'); } 

Answer 2

が

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

のようなdivの中にあなたのログイン機能をラップ.pngのファイルが--youは、コード内で使用したのと同じフォルダ内に使用されている画像を使用しますフォームが表示されているので、そのクラスのフィールドをターゲットにすることができます

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

クリアyキャッシュプラグインがある場合は、私たちのキャッシュを参照してください。