閉じる
wordpress
  • 2011.09.25 (Sun)

HTML5・CSS3 Media Queriesで実装された WordPressテーマ

最近ではHTML5で実装されたWordPressテーマが目立ってきました。WP使いの方でこれからHTML5のブログサイトにしてみたい方には非常に便利ですよね。
また、こうしたテーマを触ってみる事で、HTML5の勉強にもなったりします。
今回は、HTML5のWordPressテーマということで、iPhoneやiPadでも最適なCSS3 Media Queriesを利用したWordPressテーマも紹介してます。

HTML5 WordPress Themes

HTML5・CSS3で構築されたWordPressテーマ

Spectacular

温かみのあるテーマです。一見シンプルですが、ボタンやアイコンなど中々小技が効いてて素敵ですね。

Busby

モノトーンにアクセント的要素で黄色が冴えてます。オシャレですね。

TwentyTen Five

WordPressではデフォルトでインストールされてるTwentyTenのHTML5アップグレード版です。

Euclides

Syntax highlightingがデフォルトで使え、その他デモボタンやファイルダウンロードボタン等、用意されています。ブログでオンラインチュートリアルを扱っている人には最適なテーマです。

PressWork

PressWorkから作成された無料のHTML5テーマになります。TwentyTenに続きカスタマイズのしやすさに特化したテーマです。

Pagelines Platform

こちらもTwentyTenに続きカスタマイズし易いシンプルなHTML5テーマです。

Twilight Theme

アイキャッチ画像やブログのMeta情報など右側に設定されてる、一風変わったテーマです。またjQueryの画像スライダが組み込まれています。

Free Dream

説明では2カラムの横幅960pxのようです。ポップでかわいらしいデザインですね。

Grey

フッターにTwitterやFlickrの表示にそのたソーシャルアイコンを追加できます。機能が充実しているのでどんなカテゴリーのブログでも利用できる秀逸テーマです。

Temple Gate: An Accessible HTML5 WordPress Theme

日本のお寺や鳥居をイメージし設計されたフレームワークでJapanese Like!!なテーマです。変わってますが、カスタマイズすればかなり使えるテーマです。

Visual HTML 5 WordPress Theme $35

画像スライダがインパクト大です。有料テーマですが、ソースを見るだけでも参考になりますね。

HTML5・CSS3 Media Queries WordPress Themes

HTML5・CSS3 Media Queriesで構築されたWordPressテーマ。iPhoneやiPadで見たとき解像度に合わせた仕様で見れます。

Yoko

Google Webフォントが使われており、ソーシャルリンクアイコンやFlickrの表示などウィジェットが充実してます。

Constellation Theme

カスタマイズして使うことを念頭においたテーマなので、カスタマイズし易いです。ウィジェットも豊富です。

Skeleton WordPress Theme

カスタマイズし易いテーマです。紹介動画はコチラ(vimeoへリンク)

Whiteboard

Less Framework 4を組み込んだテーマです。ヘッダーの画像を変更できたり、その他豊富なウィジェット付き。

Responsive Twenty Ten

Twenty TenのHTML5・CSS3 Media Queries版です。

ARI WORDPRESS THEME

管理画面からテキストやリンク色、背景色、ロゴの他、レイアウトもカラム変更が簡単に変更可能です。ソースをカスタマイズしなくてもそのままブログとして使えるのがいいです。

A HTML5 Theme

随所にCSS3の技が使われているテーマですね。多くのGoogle webフォントを選択でき、カラースキームも6種類選択できます。またwpテンプレート以外にこのテーマのHTML5とCSS3テンプレートはコチラ(A free HTML5 and CSS3 theme)からダウンロードできます。

Renova WordPress Theme

単一カラムでムダのないフレームワークです。ポートフォリオサイトとして使うのが有効的でしょうか。

BonPress

画像・ムービー・テキストのカテゴリーアイコンが用意されていてギャラリー的なサイトには使えるTumblr Likeなテーマです。カラースキームも4色から選択できるようです。