wordpressの初期テーマの2014年バージョンTwenty Fourteen がすごいことになっているので歴史を辿ってみた!

wordpressのデフォルトのテーマはとても良く出来ていて、あのシリーズは結構wordpressのテーマを作る上で参考になることがいっぱいなのですが、そのデフォルトテーマの2014年バージョンがリリースされました。

Twenty Fourteen | A beautiful magazine theme

変わりすぎww
これまでのテーマと比べてみると色々面白かったので、比較しながら歴史を辿ってみました。

Twenty Ten:まだレスポンシブじゃない!

Twenty Ten | The 2010 theme for WordPress is stylish, customizable, simple, and readable.

大きな特徴

まず思ったのがグラデーションや角丸が無いです!
まだchromeの普及率が低かったのかな。
それかデザインを見せるっていうよりは、wordpressとしてどういうことが出来るかを見せるデザインだったのかもしれないです。
後、特徴的なところはレスポンシブではないところですね。

不思議なのはフラットデザインが流行っている今見るとむしろオシャレっていうねww

細かいUIなど

検索ボックスがそれほどこっていなかったり、文字が小さかったり

スクリーンショット 2013 08 22 21 44 57

基本的にはフラットなUI

スクリーンショット 2013 08 22 21 44 49

Twenty eleven:レスポンシブ化!

Twenty Eleven | The 2011 theme for WordPress is sophisticated, lightweight, and adaptable

大きな特徴

これぞwordPressというイメージのテンプレートですね。
すでにこの時点でレスポンシブしてますねw
当時はそんなに意識してなかったかもな〜。

UIはグラデーションが使われるようになりましたね。
ここらへんのグラデーション具合はiOSっぽいですよね。

スクリーンショット 2013 08 23 20 04 30

検索ボックスにも角丸使われるようになったり、インタラクションが出始めました。

スクリーンショット 2013 08 23 20 04 19

Twenty Twelve:ブログ以外の利用方法を意識!?

Twenty Twelve | Your favorite WordPress theme, updated and polished for 2012.

一気にシンプルになりましたね!
ここから管理画面のカスタマイズ性が一気に上がったイメージがありました。
また、デフォルトのページがブログ形式ではなくなったのが、特徴的かなと思おいました。
たぶん通常のコーポレートサイトなどでも使われるようになったからですかね。
また、カスタマイズ出来るところを増やすためか、よりシンプルになっていますね

なんか白いイメージ

スクリーンショット 2013 08 23 20 19 05

最小限の表現しかなく、本当にテンプレートというイメージになりました。

スクリーンショット 2013 08 23 20 19 19

スマホサイズにするとメニューがダサいですw

スクリーンショット 2013 08 23 20 28 24

Twenty Thirteen:いきなり派手に!

Twenty Thirteen | The Future Is Fantastic!

これまでの白路線というか、テンプレート路線からいきなり変わりましたw
カラムもシングルカラムにして、より今っぽいサイトになった感じでしょうか?
トップの画像がwidth100%で表示されるようになったのも特徴的ですね。
スタートアップ系のサイトのトップはこういった画像の使い方が増えた気がしました。
後タブレットなどで使った時に

検索ボックスにピクトグラムっぽいアイコンが使われるようになっています
インタラクションも戻ってきました。

スクリーンショット 2013 08 23 20 25 02

width100%で自分たちのイメージを伝える。
こういったUIは確かに多く見受けられますね。

スクリーンショット 2013 08 23 20 24 26

Menuは大きく変わりました色が派手になっただけでなく、paddingが大きく取られるようになっています。
これはきっとタブレットなどで触った時にPC用のページでも触りやすいとかを意識しているんでしょうかね〜。

スクリーンショット 2013 08 23 20 24 22

スマホサイズの画面サイズにしてもメニューがカッコ良いです。

スクリーンショット 2013 08 23 20 28 38

Twenty Fourteen :さらに複雑なUIに

Twenty Fourteen | A beautiful magazine theme

これまでのwordpressのデフォルトのテーマは基本的にはブログのテンプレートやサイトのテンプレートになるものが意識されていたと思います。
それがこの変化!
ヘッダーの部分には、記事がタイル型に並べられ、雑誌のようになっています。

スクリーンショット 2013 08 23 20 37 26

よりフラットなデザインをしていますね。

スクリーンショット 2013 08 23 20 35 39

ヘッダーは固定化

スクリーンショット 2013 08 23 20 38 21

breakPointは4つ!
3カラム

スクリーンショット 2013 08 23 20 38 50

2カラム

スクリーンショット 2013 08 23 20 39 07

1カラム

スクリーンショット 2013 08 23 20 39 40

2012年までのUIまではCMSのテンプレートという感じだったのですが、2013年あたりから個性を出し過ぎな気がしますw
そもそもデフォルトでは入ってないテーマになっているので、コンセプトが少し変わったのかな〜。
とりあえずものすごい変わりましたw
個人的にはちょっと派手すぎて読むという行為が阻害される気がします(^_^;)
少し目指すポイントが変わったのかもしれません。

ただ、デザイン面から言えば明らかにモバイルファーストになったと思います。
モバイルで最適になるように考え、それに合わせてPCを変化させている様にきがします。

個人的には面白かったけど、すごい趣味投稿になってしまったなw

ではでは

Leave a Comment

お問い合わせ

お仕事の依頼や何か質問などあれば、こちらからお願いします〜。

Not readable? Change text.

Start typing and press Enter to search