Admin Custom Login:ログインページをカスタマイズできる
ログインページをカスタマイズできる WordPress 用プラグインの紹介です。
それは「Admin Custom Login」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
Admin Custom Login
Admin Custom Login は、ログインページをカスタマイズできます。
カスタマイズできる項目としては、以下のものなどがあります。
- 背景色
- 背景画像
- 背景スライドショー
- ログインフォームの色
- ログインフォームのフォントサイズ
- ログインフォームの位置
また、下記の SNS へのリンクをログインページに表示することもできます。
- Google+
- Youtube
- Skype
作者さんのデモページ
Admin Custom Login DEMO – Weblizar.com
記事を作成もしくは更新時点でのバージョン:v 3.1.5
マルチサイトでの利用:可
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Admin Custom Login – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Admin Custom Login」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Admin Custom Login を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
ダッシュボードの「メディア」メニューの下に追加されています。
使い方
設定画面を開いて必要な設定を行います。
Dashborad
- Admin Custom Login Status
このプラグインの機能を有効にするかどうか。 - View Login Page
ログインページの URL。
Background Design
- Select Background
背景色・背景画像・スライドショーにするかを選択します。
Static Background Color
- Background Color
背景色を選択します。
Static Background Image
- Background Image
背景画像を選択します。 - Cover or Strech
上記の画像で覆うか引き伸ばすかを選択します。
Background SlideShow
- No. Of Background Slideshow
スライドショーのスライド数。 - No. Of Background Slideshow
スライドに使う画像を指定します。 - Slider Animation
スライダーのアニメーション動作を選択します。
Login Form Setting
- Login Form Position
ログインフォームの位置を選択します。 - Select Background
背景色・背景画像にするかを選択します。
Static Background Color を選択時の選択項目
- Background Color
背景色を選択します。 - Login Form Opacity
ログインフォームの透明度。 - Background Effect
背景の効果を選択します。
Static Background Image を選択時の選択項目
- Background Image
背景画像を選択します。 - Background Repeat
背景画像の繰り返し設定を行います。 - Background Position
背景画像の表示開始位置を選択します。 - Background Effect
背景の効果を選択します。
共通項目
- Login Form Width
ログインフォームの幅を指定します。
初期値:520 px - Border Color
枠線の色を選択します。 - Border Radius
フォームの角の半径を指定します。
初期値:10 px - Border Style
枠線のスタイルを選択します。 - Border Thickness
枠線の太さを選択します。
初期値:4 px - Enable Form Shadow?
ログインフォームに影を付けるかどうか。 - Form Shadow Color
影の色を選択します。 - Redirect Users After Login (Not Work For Admin)
ログイン後のリダイレクト先を指定できます。 - Custom CSS
カスタム CSS を入力できます。
Font Setting
- Headline Font Color
ヘッドラインのフォントカラーを選択します。 - Input Font Color
入力フィールドのフォントカラーを選択します。 - Link Color
リンクカラーを選択します。 - Button Color
ボタンのカラーを選択します。 - Headline Font size
ヘッドラインのフォントサイズを指定します。 - Input Font Size
入力フィールドのフォントサイズを指定します。 - Link Font Size
リンクのフォントサイズを指定します。 - Button Font Size
ボタンのフォントサイズを指定します。 - Enable Link shadow?
リンクの影を付けるかどうか。 - Link Shadow Color
影の色を選択します。 - Headline Font Style
ヘッドラインのフォントのスタイルを選択します。 - Input Font Style
入力フィールドのフォントのスタイルを選択します。 - Link Font Style
リンクのフォントのスタイルを選択します。 - Button Font Style
ボタンのフォントのスタイルを選択します。 - Enable Input Box Icon?
入力フィールドにアイコンを使用するかどうか。 - Icon For user Input Box
ユーザー ID の入力フィールドに適用するアイコンを選択します。 - Icon For Password Input Box
パスワードの入力フィールドに適用するアイコンを選択します。
Logo Settings
- Logo
ロゴに設定する画像を選択します。 - Logo Width
ロゴの幅を指定します。
初期値:274 px - Logo Height
ロゴの高さを指定します。
初期値:63 px - Logo URL
ロゴに設定するリンク URL を指定します。 - Logo URL Title
ロゴの URL タイトルを入力します。
Social Settings
- Enable Social Icons
有効にする ソーシャルアイコンを選択します。 - Social Media Icon Size
ソーシャルメディアアイコンのサイズを選択します。 - Social Media Icon Layout
ソーシャルメディアアイコンのレイアウトを選択します。 - Social Media Icon Color
ソーシャルメディアアイコンのカラーを選択します。 - Social Media Icon Color On Hover
マウスホバー時のソーシャルメディアアイコンのカラーを選択します。 - Social Media Icon Background Color
ソーシャルメディアアイコンの背景色を選択します。 - Social Media Background Color On Hover
マウスホバー時のソーシャルメディアアイコンの背景色を選択します。 - Social Profiles
ソーシャルメディアのプロフィール URL を入力します。
Export/Import
- Export Custom Login Data
設定データをエクスポートできます。 - Import Custom Login Data
設定データをインポートできます。
Recommendation
代替プラグイン
Admin Custom Login にほしい機能が無かった場合には、
Admin Custom Login 以外にもログインページをカスタマイズできるプラグインを記事にしています。
以下では、Admin Custom Login を含めて 6 個を簡単に紹介しています。
ログインページをカスタマイズできるWordPressプラグイン一覧