WordPressの新デフォルトテーマ「Twenty Fifteen」はシンプルなブログ向けテーマ

WordPressの次期メジャーバージョンとなるWordPress 4.1
そのリリースとともに2015年版の新デフォルトテーマ「Twenty Fifteen」も公開されますが、そのデザインがMake WordPress Coreで示されていました。

どうやらかなりシンプルなブログに焦点を当てたテーマになるようです。

シンプルな2カラムベースデザイン

Twenty Fifteen

ということで、こちらが現在示されているデザインです。ふむ凄いシンプル。
デザインとしてはヘッダーを左サイドに表示させる2カラムベースのレイアウトで、コンテンツエリアはカードスタイル。
「Twenty Fourteen」のように、コンテンツヘッダーに大きめのアイキャッチが表示されるようになるみたいですね。

ウィジェットは左にレイアウトしたヘッダーに含まれるようです。ここが固定だと領域的にウィジェットの置き過ぎは微妙になりそう。
まぁスクロール固定ではないでしょうし、メニューを調整したりすることでバランス取る感じでしょうか。

テーマカスタマイザーで背景変更

Twenty Fifteen

おそらくテーマカスタマイザーでヘッダーの背景に写真・画像を設定したり、右カラムの背景色を変更するといったことが可能になる模様。
シンプルなデザインなので、テーマカスタマイザーを使う以外にも、子テーマを使って自由度の高いデザインを実装できるのではないかと思います。

モバイルファーストなレスポンシブデザイン

それと、ここ最近のデフォルトテーマの流れとして採用されているレスポンシブデザインは、「Twenty Fifteen」でも踏襲されています。
というよりもモバイルファーストで組まれたデザインだそうです。

Twenty Fifteen

iPadで閲覧した場合。

Twenty Fifteen

こちらはiPhoneで閲覧した場合。

いずれもサイドに固定されるヘッダーが上部に配置され、メニューはスライドスタイルに変更されます。現時点では確認しようがないですが、ウィジェットはフッターのほうで表示されるのかもしれません。

Twenty Fifteen

なお、iPadを横向きにしてランドスケープ表示させると、基本はPCと同様のレイアウトになるようです。ここから類推するに1024pxを境にレイアウトが変わるよう組まれているのかと思います。

先ごろ発売されたばかりのiPhone 6 / 6 Plusも、ランドスケープだとこんな感じで表示されるのかなぁ。

メインフォントは「Noto Sans Font」

タイポグラフィにもかなり気を使っているそうで、今回はすべての言語環境で同一のフォントとして、GoogleとAdobeのオープンソースフォント「Noto Sans Font」が使われているとのこと。文字の美しさもさることながら可読性の高さを考えたら、これはもう採用して当然だよなぁ。

と、こんな感じになるであろう「Twenty Fifteen」ですが、まだ実際のリリースは当分先であることを踏まえると、さらにブラッシュアップされることが予想されます。とは言え、これ以上に大きく変化することはないでしょうし、コンセプトも変わりようがないので、いまのうちに「Twenty Fifteen」ベースのカスタム子テーマ作成を考えておくのもいいかもしれませんね。

source: WordPress › Twenty Fifteen « Make WordPress Core 

「WordPress」新着記事

WordPressがバージョン5.8ないし5.9にてIE11のサポートを終了と発表

Avatar for ホシナ カズキ

ホシナ カズキ

WordPress 5.5からXMLサイトマップが標準搭載される件

Avatar for ホシナ カズキ

ホシナ カズキ

WordPressにXMLサイトマップのコア機能が組み込まれるプロジェクトがスタート

Avatar for ホシナ カズキ

ホシナ カズキ

大規模・広範囲にわたるクラッキングによるWordPress改ざん事案が発生中

Avatar for ホシナ カズキ

ホシナ カズキ

PHP 7.0系におけるWordPressのエラー原因はW3 Total Cache!? その解決方法を解説します

Avatar for ホシナ カズキ

ホシナ カズキ

もっと見る

モバデビはモバイルやウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく