どうすればワードプレスのログインフォームの外観を変更できますか？

Question

私はクライアント用のワードプレスサイトを構築していますが、クライアントはログイン画面の見た目を変えたいので、どうすればデフォルトのワードプレスログインフォーム見てください。コアファイルを変更したくない場合、コアファイルを変更せずにログインフォームの外観を変更する方法はありますか？ どんな種類のヘルプも高く評価されます。

Answer 1

あなたは、フックlogin_headを使用して、コアファイルを変更せずにそれを行うだけで、あなたのfunctions.phpファイル内のこれらのコードを追加し、あなたが

function custom_login_logo() { 
    echo '<style type="text/css"> 
     h1 a { background-image:url('.get_bloginfo('template_directory').'/yourImageFolder/login_logo.png) !important; } 
    </style>'; 
} 
add_action('login_head', 'custom_login_logo'); 

アップデート行われことができます。また、ロゴのリンクを変更するにはをコードスニペット

function custom_login_url() { 
    return get_bloginfo('siteurl'); 
} 
add_filter('login_headerurl', 'custom_login_url'); 

Answer 2

これを行うには、CSSを上書きします。あなたは、あなたのfunctions.php

/** 
* Login theme branding. 
*/ 
function rt_login_css() 
{ 
    echo '<link type="text/css" rel="stylesheet" href="' . get_bloginfo('template_directory') . '/css/login.css" />'; 
} 
add_action('login_head', 'rt_login_css'); 

ロゴはCSSの画像の背景を使用するには、以下の追加により、CSSを上書きすることができますので、CSSでオーバーライドすることができます。

基本的に、login_head、hookはログインページ用です。私が行うのはログイン用のcssファイルへのエコーリンクだけです。

そこから、どのようなスタイルが使用されているかを調べるためにファイヤーバグを使用します。

ここでは、CSSと可能なjavascriptで何でもできることは、完全に制御できないということです。また、ここで

は私のcssファイルの例です：

h1 a { 
    background-image: url('/app/images/logo.png') !important; 
    width:330px; 
    height: 69px; 
    margin-bottom:0px; 
} 

#login { 
    margin: 5em auto; 
} 

私が行うすべては、ロゴを変更するので、それはかなり簡単です。通常、ロゴを正しく整列して配置するために調整を加えなければなりません。これは他のCSSがここにあるものです。

---

さらに、独自のログインページを作成し、さまざまなワードプレス機能を使用して認証を処理することもできます。これはより多くの作業ですが、ログインフォームのルック＆フィールを完全に制御できます。

欠点は、それがより多くの仕事であり、ユーザーが通常のWP管理ログインページにリダイレクトされた場合です。後者の場合は、両方をやる必要があると思います。

Answer 3

次現在のサイトの利用に私はあなたがやりたいように見えるこのプラグインhttp://wordpress.org/extend/plugins/wp-custom-login-page/を見つけました。

Answer 4

私はプラグインBM Custom Loginを使用して、Wordpressログインボックスをすばやく簡単にカスタマイズしています。このプラグインを使用すると、次のことができます。

1. Wordpressのロゴをカスタム画像に置き換えます。
2. ログインページに背景色/画像を追加できます。
3. テキスト/リンクの影/色オプションを編集できます。
4. 管理者のフッターテキストを変更することができます。 （ログイン時に管理ページの下部に表示されます。）

このプラグインは、すべてのコアファイルを変更しません