Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。

Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。CMSとして、ブログとして、認証やプラグインの仕組みだけを使うなどと幅広い利用法が考えられる。


トップ

Webサイトを構築する際に、後からスマートフォンやiPadなどのマルチデバイスを考慮するのでは遅い。元々考えられている、Constellation Themeのようなテーマをベースにすべきだろう。

Constellation Themeはカスタマイズ前提で導入するテーマだ。HTML5を使っており、デスクトップはもちろんiPhoneやiPadも考慮されている。カラム数は2、6、9、12個を考慮されている。デモでは2カラムのすっきりとした見やすいデザインになっている。


iPhone

さらにFAQのようなページで、個々の質問に対してデフォルトでは答えは隠しつつクリックすると表示する仕組みや、投票やフォームもきちんとデザインされている。iPhoneの場合はサイドバー部分が下に移動するようになっている。Constellation Themeをベースにすればどのデバイスにとっても見やすい、シンプルなサイトが組み上がるだろう。

[s2If current_user_can(access_s2member_level1)]


iPad(プレミアム限定)

[/s2If]
[s2If current_user_can(access_s2member_level1)]


ページ詳細(プレミアム限定)

[/s2If]

MOONGIFTはこう見る

Constellation Themeは言わばノウハウをオープンソース化したものと言えるだろう。HTML5を使い、デスクトップ/スマートフォン/タブレットのそれぞれに対して最適なUIを提供するためのノウハウだ。全てのパターンに対応する訳ではないが、ブログ系のサイトであれば十分使えるだろう。

ダウンロードしてすぐに使えるオープンソースも良いが、Constellation Themeのようなノウハウをオープンソースという形にして提供するものはより専門的に使いこなすことができる。ただノウハウを記述するよりもより、実践的で応用範囲が広がるだろう。

デモ:Constellation Demo

Constellation Theme for WordPress