ワードプレス便利帳

WordPressの使い方を初心者から上級者までわかりやすく画像で解説

© ワードプレス便利帳 All rights reserved.

bm custom

WordPressログイン画面をカスタマイズできる「BM Custom Login」

ワードプレスのログイン画面にオリジナリティを

ワードプレスログイン画面

ふつうのワードプレスログイン画面。
どのワードプレスサイトもログイン画面は同じってすこし味気ないですよね。
サイトに合わせてログイン画面のデザインしたい!という人向けのプラグイン、「BM Custom Login」です。

背景画像やタイトル画像を自由に変更できる

BM Custom Loginの設定

使い方は簡単。
プラグインをインストールして有効化すると、
[設定]の中に「Custom Login」という項目が追加されているのでそこから設定を行います。

BM Custom Loginの設定画面

設定項目はたったのこれだけ。

Background Image Url 中央、四角い部分の背景画像。W312×H600までのサイズ
Page Background Color ページ全体の背景色を指定 ※#不要
Page Background Image ページ全体の背景画像を指定 ※#不要
Page Background Vertical Position ページ全体の背景画像の縦位置
Page Background Horizontal Position ぺ~^事前帯の背景画像の横位置
Page Background Repeat ページ全体の背景画像の繰り返し
Text Color 文字色の指定 ※#不要
Text Shadow Color 文字の影色 ※#不要
Text Link Color テキストリンクの色 ※#不要

【Page Background Imageに画像指定、Page Background Repeatをrepeat】

ワードプレスログイン画面

【Background Image Urlに画像指定】

ワードプレスログイン画面

たったこれだけの設定でログイン画面が早変わりします!
クライアントさんのホームページログイン画面をカスタマイズすれば
お客さんに喜んでもらえるかもしれませんね。

影の部分が不要ならCSSから削除

cssから削除

プラグインの編集から、「bm-custom-login/bm-custom-login.css」を調整することで
角丸ではなくしたり、シャドウを消したりといろいろカスタマイズができるので、
画像を設定しただけでは物足りない!という人はこちらもさわってみるといいかもしれませんね。

カスタム用のテンプレートをご用意しました

旧バージョンではプラグインフォルダの中にテンプレー度が格納されていたらしいのですが
現バージョンでは見つからず、どうやってデザインしていいのかわかからない人も…。

そんな人のためにテンプレートをご用意しました。
Adobe Illustrator CS4で作成・動作確認しております。
再配布などはご遠慮ください。また、このファイルのご使用は自己責任でお願い致します。

BM Custom Login用テンプレートダウンロードはこちらから

【レイヤー内容】

  • txtレイヤー…画面に表示されるテキストやテキストボックスなどを配置
  • bg…デザインはこのレイヤーに

書き出しを行うときはtxtレイヤーは非表示にして書き出しを行って下さい。

  • このエントリーをはてなブックマークに追加

関連記事

  1. この記事へのコメントはありません。

gsvgadvg

20172/17

カスタムフィールドでカレンダーを自作【プラグインいらず】

カスタムフィールドだけでカレンダーを自作 プラグイン不要というのはカレンダープラグインを使わずという意味であってカスタムフィールド系のプラ…

20161102200516

201611/2

ループの中に罫線を追加する方法

ループ出力の中に区切り線を追加する ブログや製品・商品情報として、1行ごとに罫線を追加したい、というデザインもあると思います。 しかしル…

20161017154512

201610/17

『WordPress importer』と『Search Regex』を使って画像ごと記事の引越しを行う

『WordPress importer』について WordPressからWordPressへ投稿記事の引越しに関して、WordPressは…

bsfvgs1s

201610/6

WordPressの記事・固定ページを親ごとに出力する。

投稿・カスタム投稿・固定ページのループ出力について WordPressではquery_postsやWP_Queryなどのループを使うとペー…

20160801185626

20168/1

WordPressのtitleタグのデザインを変更する

WordPressの見出しに工夫を加える WordPressは用意されたテーマを使うにしろ、独自テーマを使うにしろ、共通したページのレイア…

ページ上部へ戻る