かっこいいWordPressのログインフォームデザインいろいろ

Ads

みんな大好きFlickrではグループ
を作成出来るのですが、その中に
WordPressのログイン画面の
入力フォームデザインのグループ
があったのでご紹介します。

個人で使う分にはそのままでも良さそうですが、Web制作でWPをクライアントに渡すのにログイン画面がWordPressよりはクライアントのロゴなどでデザインされている方が喜ばれるのでは無いかと思います。言わないと分からないでしょうが^^;そんな訳でログイン画面の秀逸なデザインとログイン画面で使用されているcssファイルの場所を一番下に載せておきます。ソース見れば簡単に分かるんですけど一応。。

まずはギャラリーから。

Universidad San Andres

wordpress-login01
学校でWP使ってるようですね。敷地内の写真を利用したログイン画面で素敵です。

Universidad San Andres

The NewReview › Log In by redheaddesign

wordpress-login02
グランジ風のクールなログインフォーム。かっこいいです。

The NewReview › Log In

Custom WordPress Login by redheaddesign

wordpress-login03
サイトデザインにあわせたログインフォーム。こちらも素敵。

Custom WordPress Login

Custom WordPress Login by MediaProne

wordpress-login04
かなり凝ってますね。クールなデザイン。入力フォームにも工夫。

Custom WordPress Login

Very English WordPress Theme login

wordpress-login05
シュールなデザインですが雰囲気出ています。面白い。

Very English WordPress Theme login

Frederick’s Timelog login

wordpress-login06
ダイナミックな表現をしたログインページ。背景変えるだけでもかなり印象違いますよね。

Frederick’s Timelog login

c.hadcoleman.com custom login

wordpress-login07
ナチュラルな雰囲気を出したログインフォーム。結構好きな部類です。

c.hadcoleman.com custom login

dcspride.com Custom login screen

wordpress-login08
高級感ある雰囲気を出したログインページデザイン。映りこみもいいですねー。

dcspride.com Custom login screen

Boda

wordpress-login09
これ、素敵です。手軽に出来そうですし、真似したくなりますね。

Boda

WP custom login by EMMEALCUBO

wordpress-login10
かなり拘ったデザイン。もはやWordPressのログインページには見えません。。

WP custom login

Custom WordPress Login by malo.conny

wordpress-login11
こちらもいい感じです。ボーダーが点線になるだけでも印象変わるかも。

Custom WordPress Login

Armadillo.WordPress.Login

wordpress-login12
かっこいい。色合い好きだなぁ。サイトにあわせたデザインっぽいですね。

Armadillo.WordPress.Login

Site de Livi Login

wordpress-login13
見やすくていいですね。今回一番実用性がありそう。実用性って言うのも変ですね^^;

Site de Livi Login

alab

wordpress-login14
Web2.0風のデザイン。素敵。

alab

belowthewaist.org › Login

wordpress-login15
これもいいですね。アートなログイン画面。女性に好まれそう。

belowthewaist.org › Login

Custom WordPress Login – Under the Oak Youth Group

wordpress-login16
シルエットがカッコいいです。可視性も高いし、使えそうです。

Custom WordPress Login – Under the Oak Youth Group

custom wordpress login by eric..

wordpress-login17
ロックテイストなデザイン。クールです。

custom wordpress login

wp customized login by orangezippo

wordpress-login18
Welcome Home Master!がちょっと嬉しいかもしれない。クライアントさんも喜んでくれそう。

wp customized login

以上、ギャラリーでした。ログイン画面を変更したい時に修正するcssファイルは以下にあります。

/wp-admin/css/login.css

ここで使われているWPの画像は
/wp-admin/images/にあります。また、上記のギャラリーにインスパイアされたのであれば実際にログイン画面に行って見るといいのではないでしょうか。(※セキュリティ上、アクセスできないかもしれませんが。。)ログイン画面は

301 Moved Permanently

である事が殆どです。手作業での変更が面倒でしたらBM Custom Login Pluginというプラグインが良さそうです。

FlickrのWordPress ログイン画面デザイングループは以下からどうぞ。

Custom WordPress Logins