WordPressログイン画面をカスタマイズ

WordPressのログイン画面は

ノーマルログイン画面

こんな感じなのだけど、このデザインをカスタマイズできないかな・・・
と思っていたら、こんなプラグインがあった。
BM Custom Login Plugin

[http://www.binarymoon.co.uk/projects/bm-custom-login/]
上記ページの「Download the plugin」からダウンロードできます。

  1. ダウンロードする
  2. ファイルを解凍
    「bm-custom-login」フォルダが生成されます。
    格納されているファイルは以下の通り
    ・readme.txt
    ・bm-custom-login.php
    ・bm-custom-login.css
    ・bm-custom-login-2.css
    ・「images」
    ・「image-templates」
  3. イメージ画像作成
    「image-templates」フォルダの中に
    「login-bkg-tile.psd」「footer.png」と、サンプルファイルがあるので
    それらを参考にデザインをカスタマイズすれば良いと思います。出来上がった画像ファイルを「images」フォルダに移動させますが
    スタイルシートで何も変更しない場合は、ファイル名は以下の通りです。
    タイトル、背景画像:login-bkg-tile.jpg
    ログインエリアの下の画像:login-bkg-bottom.gif
    「images」フォルダに元々入っている「login-bkg-tile-SAMPLE.jpg」は削除しても問題無いです。
  4. 必要に応じてスタイルシートを変更
    画像関係は「bm-custom-login.css」、それ以外は「bm-custom-login-2.css」に書かれています。
  5. FTPでアップロード
    「bm-custom-login」を「wp-content/plugins」にアップします。
    この際ですが、「readme.txt」や「image-templates」はアップする必要は無いと思います。
  6. 管理画面にて「bm-custom-login」をアクティブして、設定完了

自サイトでやる分には、ただの自己満足ですw
でも、お客様へ納品する場合などは使えるのじゃないかなーと思っています。

ちなみに、カスタマイズした感じはこんな感じです。

ログイン画面 カスタマイズ後

コメントを残す