MS Custom Login:ログインページをカスタマイズできる国産プラグイン
WordPress 標準のログインページは、非常にシンプルです。
自サイトのイメージに合うようにカスタマイズしたくなりますよね。
そのような時に便利な WordPress 用プラグインがあります。
それは「MS Custom Login」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
MS Custom Login
MS Custom Login は、ログインページをカスタマイズできる国産のプラグインです。
カスタマイズできる項目は、以下のとおりです。
ログインページの背景色、背景画像、背景画像の位置、文字色やリンクの色
ロゴの画像、ロゴのテキストの色、ロゴのリンク属性
フォームの背景色、背景画像、背景画像の位置、フォームの角丸のサイズ、フォームの影の有無MS Custom Login プラグインで WordPress のログイン画面をカスタマイズ – Mignon Style
カスタマイズしたい項目が設定に無い場合には、カスタム CSS を記述することもできます。
記事を作成もしくは更新時点でのバージョン:v 1.1
マルチサイトでの利用:不可
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
MS Custom Login – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「MS Custom Login」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
MS Custom Login は、国産プラグインなので日本語化を気にしなくても大丈夫です。
専用メニュー
ダッシュボードの「設定」メニューの中に追加されています。
CF7 のフォーム編集画面に専用タブが追加されます。
使い方
専用メニューを開いてカスタマイズしたい項目を設定していきます。
ログインページの設定
設定を保存したらプレビューでログインページのデザインを確認できます。
ページの設定
- ページの背景
ログインページの背景色を指定します。 - ページの背景画像
ログインページの背景画像を設定します。 - ページの文字色
ログインページの文字色・リンク色・マウスホバー時の色を指定します。
ロゴの設定
- ロゴの表示
ロゴを表示するかどうか。 - ロゴのリンク属性
サイト名とサイトの URL をロゴに使用するかどうか。 - ロゴ画像の表示
ロゴの画像を表示するかどうか。 - ロゴの画像
ロゴの画像を設定します。 - ロゴの文字
ロゴの文字を表示するかどうか。
フォームの設定
- フォームの背景色
フォームの背景色と透明度を設定します。 - フォームの背景画像
フォームの背景画像を設定します。 - フォームの角丸のサイズ
フォームの四隅の角を丸くしたい場合に使用します。 - フォームの影
フォームに影を付けるかどうか。 - フォームの背景画像の位置
フォームの背景画像の位置を指定します。
ボタンの設定
- ボタンの文字色
ボタンの文字色を指定します。 - ボタンの枠線の色
ボタンの枠線の色を指定します。 - ボタンの色
ボタンの背景色とマウスホバー時の色を指定します。
リンクの設定
- 「パスワード」のリンク
チェックを付けると「登録」と「パスワードをお忘れですか?」のリンクが表示されません。 - 「戻る」のリンク
チェックを付けると「Web サイトへ戻る」のリンクが表示されません。
カスタムCSS
カスタム CSS を記述できます。
代替プラグイン
MS Custom Login にほしい機能が無かった場合には、
MS Custom Login 以外にもログインページをカスタマイズできるプラグインを記事にしています。
以下では、MS Custom Login を含めて 6 個を簡単に紹介しています。
ログインページをカスタマイズできるWordPressプラグイン一覧