WordPress の新しいデフォルトテーマ TwentyFifteen を試してみた

お久しぶりです。@kuck1uです。
三十路記事から早 1 ヶ月が経ちましたね。

さて、2014 年 11 月 14 日 ( 日本時刻だと 11 月 15 日 ? ) に WordPress 4.1 Beta 1 が公開されました。WordPress 4.1 Beta 1 には TwentyFifteen が入っているという事で、ずっと気になっていたので試してみました。
結果からいうと、TwentyFourteen から乗り換えようかと思っています。しかしデザイニングラボは、僕が公開している WordPress のプラグインのデモサイトも兼ねているので、乗り換えるかは悩みどころです。

TwentyFifteenの機能

TwentyFifteen の見た目は非常にシンプルです。
画像は綺麗な画像 1 枚だけで後は文字だけ、というような記事を読んで貰う事に重点をおいたサイトにはぴったりなのではないでしょうか。
機能としては、公式テーマなので WordPress の一般的な機能 ( カスタム投稿タイプなどは除く ) にデフォルトで対応しています。また、公式テーマとしては珍しく?テーマカラーチェンジ ( 着せ替え的な感じ ) に対応しています。

それでは、1 つずつ簡単にみていきましょう。

カスタムメニュー

twentyfifteen_custom_menu

メニューは、Primary Menu、Social Links Menu の 2 つです。
Primary Menu の方は一般的なメニューですので特に説明は必要ないでしょう。一方の Social Links Menu の方ですが、メニュー名からも想像できるようにソーシャルサイトへのリンク専用のメニューになっています。TwentyFifteen が対応しているソーシャルサイトへのリンクの場合、アイコンフォントでソーシャルサイトのアイコンが表示されます。

対応ソーシャルサイトは以下の通りです。

  • CodePen
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • Google+
  • Github
  • Instagram
  • LinkedIn
  • Pinterest
  • Pocket
  • Polldaddy
  • reddit
  • StumbleUpon
  • Tumblr
  • Twitter
  • Vimeo
  • WordPress
  • YouTube
  • Spotify
  • Twitch

その他、feed ( RSS )リンク、mailto リンクに対応しています。
アイコンの表示は CSS で行わており、a タグの href 属性に対象のキーワードがあるか否かで判断されています。CSS ソースは以下のようになっています。

カスタムヘッダー

twentyfifteen_custom_header

ヘッダーという名前ではありますが、サイトバーに適用されいます。背景色、背景画像が変更可能です。サイドバーの文字色はテーマカスタマイザーで変更する事が可能です。

カスタム背景

twentyfifteen_custom_background

メインエリアに適用されます。記事ブロックは影響を受けないので、文字が見にくくなる事はないですが、下手な画像を使うと気が散って読みにくくはなるかもしれませんね(笑)

ウィジェット

twentyfifteen_widget

ウィジェットエリアは 1 つで、表示場所はサイドバーです。

テーマカスタマイザー

twentyfifteen_color_variation_default

サイトタイトルやキャッチフレーズ、メニューを始め WordPress サイトを見ながらリアルタイムにテーマをカスタマイズできる機能ですが、FwentyFifteen の特徴として、テーマカラーを簡単に変えられるという特徴があります。

サイドバーの文字色変更

twentyfifteen_theme_customizer

プリセットされたテーマカラー

デフォルト

twentyfifteen_color_variation_default

ダーク

twentyfifteen_color_variation_dark

イエロー

twentyfifteen_color_variation_yellow

ピンク

twentyfifteen_color_variation_pink

パープル

twentyfifteen_color_variation_purple

ブルー

twentyfifteen_color_variation_blue

イエローは こちらのサイト の運営者様にオススメしたい次第です(笑)個人的にはピンクとブルーが好きですね(・∀・)

最後に…

WordPress 4.1 がリリースされるのは、まだほんの少し先だと思いますが、 すぐにリリースされると思います。TwentyFifteen のソースコードをみていると、いままで見たことがないコードなどもありました ( 単に僕が知らなかっただけかもですがw )。
いまから、WordPress 4.1 のリリースが楽しみです。

それでは本日はここまで。

KUCKLU でした。

この記事が気に入ったら
いいね ! しよう

Twitter で

Written by くっくる

WordPressを使ったウェブサイトの構築・HTMLコーディングの受託案件を中心に埼玉県にて活動中。バイラルメディア風にFacebook pageのいいね!ボタンを設置できるVA Social Buzzをはじめ、複数のWordPressプラグインを公開している。共著書として「エンジニアのためのWordPress開発入門」がある。

View all author posts →

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください