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

Ads

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

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

まずはギャラリーから。

Universidad San Andres


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

Universidad San Andres

The NewReview › Log In by redheaddesign


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

The NewReview › Log In

Custom WordPress Login by redheaddesign


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

Custom WordPress Login

Custom WordPress Login by MediaProne


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

Custom WordPress Login

Very English WordPress Theme login


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

Very English WordPress Theme login

Frederick’s Timelog login


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

Frederick’s Timelog login

c.hadcoleman.com custom login


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

c.hadcoleman.com custom login

dcspride.com Custom login screen


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

dcspride.com Custom login screen

Boda


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

Boda

WP custom login by EMMEALCUBO


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

WP custom login

Custom WordPress Login by malo.conny


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

Custom WordPress Login

Armadillo.WordPress.Login


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

Armadillo.WordPress.Login

Site de Livi Login


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

Site de Livi Login

alab


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

alab

belowthewaist.org › Login


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

belowthewaist.org › Login

Custom WordPress Login – Under the Oak Youth Group


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

Custom WordPress Login – Under the Oak Youth Group

custom wordpress login by eric..


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

custom wordpress login

wp customized login by orangezippo


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

wp customized login

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

/wp-admin/css/login.css

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

http://abc.com/wp-login.php

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

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

Custom WordPress Logins