【タグ/html5

WordPress HTML5 CSS3対応 テーマ bones


Wordpress HTML5 CSS3対応 テーマ bones

Wordpressテーマをbonesに対応させるだけで、なんだか不思議・・・

今までのテキストベースの味気ないサイトが

賑やかに動きまくる!

こちらもHTML5,CSS3対応

Wordpress テーマのフレームワークという概念で動作します。

いろいろな拡張機能が利用できる反面、サイトの動作が重くなる?場合があるので

サクサク動作するサーバー向けなのかもしれません。

でも一度は利用しカスタマイズしてみるのもいいでしょう。


■レスポンシブwebデザイン

http://themble.com/bones/

ダウンロード(リンクが分かりずらい?)
http://themble.com/bones/#bones-showcase


○フルサイズの画面サンプル

Bones - The HTML5 WordPress Starter Theme

Bones - The HTML5 WordPress Starter Theme



○ipadの画面サンプル
Bones - The HTML5 WordPress Starter Theme

Bones - The HTML5 WordPress Starter Theme

WordPress HTML5 CSS3対応 テーマ Starkers HTML5 v3.0 Nathan Staines


こちらもHTML5,CSS3対応

iphone,ipad,android,Windows Phone,PCなどあらゆるデバイスの画面(解像度)にあった

レイアウトで動作します。

androidは多種多様な画面サイズなので重宝します。

将来的にはipadの7インチも発売されるという情報もあるので、今から対策を準備しておくのもいいかもしれません。

こういった感じのテーマが今後増えそうですね。


■レスポンシブwebデザイン

http://nathanstaines.com/articles/starkers-html5/

ダウンロード(リンクが分かりずらい?)
https://github.com/nathanstaines/starkers-html5


○フルサイズの画面サンプル


○ipadの画面サンプル

WordPress HTML5 CSS3対応 テーマ・テンプレート Roots Theme


ほとんどの各種最新ブラウザーでは、HTML5とCSS3の対応がほぼほぼ完了している状況です。

なので、今後は業務サービス以外でプロモーション的にサイトを開設する場合は

HTML5のサイトでも十分ありかもしれません。

また、iphone、ipad、androidなどのスマートフォンへ対応させることを考えるとhtml5で

サイトを構築するメリットは計り知れません。

単純に楽できます。

そこで、今回から何回かに分けておすすめのHTML5のテーマをご紹介したいと思います。


■レスポンシブwebデザイン

Roots Theme

http://www.rootstheme.com/

○フルサイズの画面サンプル

Wordpress HTML5 CSS3対応 テーマ・テンプレート Roots Theme

Wordpress HTML5 CSS3対応 テーマ・テンプレート Roots Theme



○ipadの画面サンプル
Wordpress HTML5 CSS3対応 テーマ・テンプレート Roots Theme

Wordpress HTML5 CSS3対応 テーマ・テンプレート Roots Theme



テンプレートを変更しました(テスト)


スマートフォン用(iphone,ipad,android)のプラグインを導入して、最適なページを表示するのが

一般的でしたが、最近はhtml5、css3でリサイズするテンプレートを利用するのが

流行ってきている感じですね。

そこでテスト中

今後も多種多様なデバイスが発売されるので

後者の方がメリット高そうな気もしてきました。