WordPress標準のログイン画面に画像スライダーを入れたりデザインをカスタマイズできるプラグイン「Login Slider」

そこでCSSを追加してデザイン変更を！！と思っても、実はWordpressのログイン画面などは通常のテーマで使われているCSSとは別のファイル（別物）なんです。したがってテーマのCSSでカスタマイズしても一向に反映されないんですね。

自身でCSSの編集ができる人なら

 Knowledge Base

Wordpressでログイン画面や管理画面のデザインを自由に変更できるプラグイン「Admi...

https://www.momosiri.info/wppi/admin-customizer/

Wordpressでサイト作りをしていて、管理画面やログイン画面が素っ気ないなぁと思ったことありませんか？まあ、スーパーなどのバックヤードと同じで訪問者（お客）に見せるわけではないのでまあいいか・・・と割り切っている方が多いと思います。でも実際の生活や職場...

などを使ってカスタマイズすればOKですね。でもそこまでしなくても・・・という方も多いはず。

それにいくらカスタマイズしても色や文字の大きさなどのカスタマイズだけではやっぱりどこか冷たい？感じがする・・・という場合におすすめなのが今回紹介する【Login Slider】です。

この記事を公開する時点ではログイン画面に画像スライダーを使えるプラグインはこれだけだと思われます。

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

1. ログイン画面にスライダー画像を挿入できる
2. 画像にはそれぞれリンクが設定でき、クリックで別のページへリダイレクトできる
3. 基本的に変更するであろう項目についてはメニュー化されている

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

【Login Slider】プラグインは日本語化が可能な言語ファイルが同梱されており、翻訳してみましたが適用されないようです（設定項目が少ないので英語表記でも大丈夫だと思います）。

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

インストール方法

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

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

 Knowledge Base

【Wordpress】プラグインのインストール＆追加方法とエラー対処の方法

https://www.momosiri.info/cms/wordpresspluginerror/

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

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

設定は「外観」→「カスタマイズ」を開き、出てくるカスタマイザーメニューの一番下に追加される「Login Slider」から行います。さまざまな項目については以下の通りです

Slidesメニュー

スライダー画像の設定を行います。最大で７枚までの画像をスライド表示させることができます。

設定項目は

1. Transition Style

画像入れ替え時の効果を設定します

2. Slide Duration (milliseconds)

画像を入れ替える速度を設定します

で、この設定を行った上で画像を追加していくだけです

Colors and Brandingメニュー

ログイン画面のいろいろなデザイン変更ができます
項目は

1. Login Form Logo

ログイン画面にあるWordpressロゴをオリジナル画像に変更できます

2. Body Background

ログイン画面全体の背景色です

3. Form Background

ログイン情報入力フォームの背景色です

4. Form Label Color

入力フォームラベルの色です

5. Form Input Background Color

入力欄の背景色です

6. Form Input Text Color

入力した文字の色です

7. Form Button Text Color

ボタンの文字色です

8. Form Button Background Color

ボタンの背景色です

9. Below Form Links

フォーム下のリンク文字色です

※ボタンの色はホーバー時（マウスオーバー時）の設定項目もあります

【Login Slider】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

残念ながらカスタムCSSを適用する機能がないためさらに細かく設定変更するには別のプラグインを用いるなどする必要がありますが、今回は同時使用のテストをしていません。

が、これぐらいのカスタマイズができればおそらく十分でしょうし、他のプラグインとのCSS読み込み順などによっては表示が崩れたりする可能性がありますから自身でチェックしてみてくださいね。

プラグインのテスト環境＆個人的評価

最後に【Login Slider】を動作確認した際の環境と個人的な評価を書いておきます。導入の検討や参考になれば幸いです。

テストした環境

1. WordPressのバージョン：4.7.5
2. PHPのバージョン：7.0
3. テーマ：Simplicity バージョン2.3.0g
4. プラグインのバージョン：1.0.0

このプラグインの最新バージョンは現在Wordpress公式サイトに "login-slider" は存在しません（配布されていません）です。バージョンが異なる場合には設定の仕方や動作仕様が変更になっている可能性があります。

個人的な評価・感想ほか

５段階評価
1. 設定のしやすさ：★★★★★
2. 使いやすさ：★★★★☆
3. おすすめ度：★★★★☆

多数のユーザーで投稿するタイプのサイトでなくても、ログイン画面に画像があるだけで何となくやる気になりますよ。モチベーションアップにおすすめのプラグインです。

Wordpressの本

Amazonの人気商品楽天市場の人気商品

本当によくわかるWordPressの教科書 改訂2版 はじめての人も、挫折した人も、本格サイトが必ず作れる

￥ 1,706

Amazon.co.jp

ASIN: 4815602980
SBクリエイティブ

(無料電話サポート付)できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 (できるシリーズ)

￥ 1,598

Amazon.co.jp

ASIN: 4295006270
インプレス

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

1,944 円 (税込) 送料込

楽天Kobo電子書籍ストア

＜p＞WordPressによるWebサイト作成の基本を一から学べる書籍です。1日8時間の勤務時間内に読むことができる程度に解説内容を絞り込み，初心者・新人が最初の1冊目として読むのにふさわしい内容となっています。本書ではローカル環境にWordPressをインストールしてWebサイト..

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

3,456 円 (税込) 送料込

楽天Kobo電子書籍ストア

＜p＞プラグインの開発から運用までを網羅＜/p＞ ＜p＞※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。＜/p＞ ＜p＞CMSのデファクト・スタン..

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

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

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

記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします