ログイン画面をカスタマイズしよう【WordPress】

WordPressのログイン画面に企業ロゴなどを入れたい。

以前、【ログイン画面を変更する【WordPress】】という記事を書いたが、この方法だと、コアな部分を変更することになるので、納品後のメンテナンスのしやすさを考え、プラグインを使ってみようかということで、その備忘録です。

今回はBM Custom Login Pluginというプラグインを使ってみる。

1. プラグインをダウンロードして解凍する
2. イメージ画像作成
   解凍したフォルダ内の「image-templates」フォルダの中の
   「login-bkg-tile.psd」「footer.png」を参考にデザインをカスタマイズする。
3. 画像は「images」フォルダに、ファイル名「login-bkg-tile.jpg」「login-bkg-bottom.gif」で格納する。
   すでに「images」フォルダにある「login-bkg-tile-SAMPLE.jpg」は未使用なので削除してもよい。
4. 必要に応じてスタイルシートを変更する
   今回私が使用しているのはver3.0なのでスタイルのカスタマイズは「bm-custom-login-3.css」というファイルを修正する。ver2.7までは（bm-custom-login-2.cssを修正）
   今回は具体的にはもう少し狭い幅で作りたかったので画像の幅を小さくしてつくったので、合わせてcssの関連するwidthも小さくした。
5. 「bm-custom-login」フォルダを「wp-content/plugins」にアップする。
   「image-templates」フォルダは素材なのでアップしなくてもよい。
6. 管理画面で「bm-custom-login」を有効にする。

これでできあがりー！！

【関連記事】
WordPress管理画面のロゴを変える方法

※この記事を書いたあと、プラグインを使わずにロゴ部分のみカスタマイズする方法を発見したので記事を分けて書きましたのでそちらもご参考に。
プラグインを使わずにログイン画面をカスタマイズしよう【WordPress】

関連記事

• プラグインを使わずにログイン画面をカスタマイズしよう【WordPress】
• ログイン画面を変更する【WordPress】
• WordPress のアドレス (URL)を誤って変更してしまったら…【WordPress】
• WordPress管理画面のロゴを変える方法