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

役に立つ情報でしたら是非拡散(シェア)をお願いします

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】プラグインの日本語化ファイルを配布しています。

翻訳ファイルは

Wordpressプラグイン【Custom Login】の日本語翻訳ファイルのダウンロードページです。

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

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

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

インストールと設定方法

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

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

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。
を参照ください

【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段階認証

「Stealth Login Page」はWordpress標準のログインパスワードとは別にもう1つパスワードを設けることでセキュリティ向上を図るプラグインです。ログインURLを他のURLへ変更するタイプのセキュリティプラグインと比べて、安心、安全にセキュリティ対策を図ることができます。

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

Wordpressの本

Amazonの人気商品楽天市場の人気商品
CS Shop
できるWordPress WordPress Ver.4.x対応 [ 星野邦敏 ]

できるWordPress WordPress Ver.4.x対応 [ 星野邦敏 ]

1,512 円 (税込) 送料込
WordPress Ver.4.x対応 星野邦敏 相澤奏恵 インプレスデキル ワード プレス ホシノ,クニトシ アイザワ,カナエ 発行年月:2017年08月 ページ数:254p サイズ:単行本 ISBN:9784295002017 星野邦敏(ホシノクニトシ) WordPressのテーマやプラグインを開発している株式会..
いちばんやさしいWordPressの教本第3版 [ 石川栄和 ]

いちばんやさしいWordPressの教本第3版 [ 石川栄和 ]

1,706 円 (税込) 送料込
評価 4
石川栄和 大串肇 インプレスBKSCPN_【bookーfestivalーthr】 イチバン ヤサシイ ワードプレス ノ キョウホン イシカワ,ヒデカズ オオグシ,ハジメ 発行年月:2017年02月 ページ数:256p サイズ:単行本 ISBN:9784295000792 石川栄和(イシカワヒデカズ) 株式会社ベクトルの..
楽天ウェブサービスセンター CS Shop

プラグインに関するお問い合わせ

「こんなプラグインないの?」「設定方法をもっと詳しく教えてほしい」「プラグインを少しカスタマイズして使いたい」などのご相談は、こちらのリンクからお願いします(【ココナラ】のサイトへ移動します)。

ココナラ Wordpress プラグイン探し バナー

似たようなプラグインをお探しですか?

このプラグインはに分類されています。リンクをクリックすると同じような機能を持つプラグインの紹介記事一覧が表示されますので、プラグイン探しに是非ご活用ください。
トップへ戻る