WordPressでログイン画面のデザインを変更するプラグイン「Custom Login」

公開日: 更新日: バックエンド(管理)
Knowledge Base 会員 メンバー




Wordpressで作成したサイトを自分で全て管理・編集している場合には必要ないかもしれませんが、

  1. 多人数で管理画面を見ることがあるようなサイト
  2. 作成したサイトを他の方に管理してもらう(クライアントに提供する)サイト
  3. 公開用ではなく社内の情報伝達として運営するサイト

などでは一目でWordpressで作成したサイトと分かるのはちょっと格好悪いですね。「Custom Login」は素っ気ないWordpressのログイン画面のデザインをカスタマイズしてよりオリジナルなサイトを構築するためのプラグインです

【Custom Login】プラグインの基本的な機能・できること

公式の紹介ページでは詳しく書かれていないので、変更できる点を列挙します

ログイン画面デザイン変更機能

  1. 背景色の変更
  2. 背景画像の挿入と大きさの変更
  3. ワードプレスロゴを非表示にする
  4. ロゴの代わりに画像を挿入する
  5. ユーザー名・パスワード入力欄の背景に画像を使う
  6. 文字色の変更
  7. フォーム下部の表示項目とデザインの変更
  8. カスタムCSSの使用
  9. カスタムHTMLの使用
  10. カスタムjQueryの使用

おまけ機能

  1. Custom Loginの設定内容を反映するかどうかの選択
  2. ログイン失敗時の揺れ画面を停止
  3. WordPressの login CSSを削除
  4. パスワード忘失に関する文章を削除
この記事の内容について
このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については文末に記載しています
  5. 使用方法で紹介しているショートコードをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

【Custom Login】プラグインの設定画面や表示の日本語化と翻訳

当サイトで私が翻訳した【Custom Login】プラグインの日本語化ファイルを配布しています。

翻訳ファイルは

からダウンロードできます(ダウンロードの方法や日本語の適用方法なども解説しています)

翻訳することで設定が容易になり、重要な項目の設定漏れも少なくなりますから日本語化をお勧めします。

【Custom Login】プラグインのインストールと設定

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

を参照ください

【Custom Login】プラグインの基本的な使い方

日本語化すれば設定は容易にできます。設定では前述した「このプラグインでできる機能」の設定が使用できます

設定は管理画面の「設定」→「Custom Login」から行います

使い方

設定を変更すればすぐに反映され、ログイン画面のデザインが変更されます。

プラグイン使用上の注意点

プラグインの設定画面に「WordpressのコアファイルにCustom Loginの設定内容を挿入することを許可します(Custom Loginの設定を反映します)」というチェック欄があります。設定した内容を反映したままプラグインの削除を行うと不具合が発生する可能性がありますから、必ずこの項目をオフにして再度ログイン画面を表示し、通常のログイン画面が表示されるかどうかを確認してからプラグインの停止・削除をするようにしてください。

このプラグインは有料で拡張機能が用意されています。未検証ですが、必要なら使ってみてください

  1. Style Pack #2/スタイルの変更に関する拡張機能です
  2. Style Pack #1/スタイルの変更に関する拡張機能です
  3. No Password Login/パスワードなしでログインできるようになります(この機能は不要だと思います)
  4. Login Redirects/ログイン後にダッシュボード以外のページへリダイレクトします(これは別の無料プラグインを追加することで解決できます)
  5. Page Template/ログインを通常のログインURLから別の固定ページへ変更します
  6. Stealth Login/2段階認証機能です

拡張機能の代わりになりそうな無料プラグイン

ログイン後のリダイレクト

ログインURLを別ページにする(wp-login.phpを変更します)

2段階認証

代替プラグインについては当サイトの紹介ページや公式ページを確認の上、判断ください

Wordpressの本

Amazonの人気商品楽天市場の人気商品
CS Shop
たった1日で基本が身に付く! WordPress 超入門【電子書籍】[ 佐々木恵 ]

たった1日で基本が身に付く! WordPress 超入門【電子書籍】[ 佐々木恵 ]

1,944 円 (税込) 送料込
<p>WordPressによるWebサイト作成の基本を一から学べる書籍です。1日8時間の勤務時間内に読むことができる程度に解説内容を絞り込み,初心者・新人が最初の1冊目として読むのにふさわしい内容となっています。本書ではローカル環境にWordPressをインストールしてWebサイト..
サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル【電子書籍】[ 宮内 隆行 ]

サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル【電子書籍】[ 宮内 隆行 ]

3,456 円 (税込) 送料込
<p>プラグインの開発から運用までを網羅</p> <p>※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。</p> <p>CMSのデファクト・スタン..
楽天ウェブサービスセンター CS Shop

いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】