• かちびと.net

    Starkersに960gsを搭載し、Boilerplateをベースに作られたHTML5製のWPテーマフレームワーク・Rootsのご紹介。様々なフレームワークのいい部分を集めて1つにしたようなフレームワークです。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

Starkersに960gsを搭載し、Boilerplateをベースに作られたHTML5製のWPテーマフレームワーク・Roots

スポンサーリンク

WordPressテーマの代表的なフレーム
ワーク、StarkersにもHTML5版が正式
にリリースされていますが、Rootsはその
派生と言えるフレームワークで、HTML5
になっているだけでなく、960システムも
搭載されています。

RootsはStarkersや960gs、Boilerplateなどの人気のフレームワークを使って作られたWPテーマです。

Starkersに関しては以前、HTML5バージョンが出たときに軽く触れたので今日は端折ります。

Roots

フレームワークとしては最適のStarkersをベースに、960gs(又はBlueprintも選択可能)を搭載し、HTML5 Boilerplateライクなマークアップが施された欲張りなテーマです。

HTML5、WP、CSSフレームワークを統合


テーマの構成はStarkers、CSSに960gs、又はBlueprint、マークアップにHTML5 Boilerplateを採用し、それぞれを統合した形となっています。

Starkersベース


Starkersベースなので綺麗なソースコードを元に自分でレイアウトを自由に設計出来ます。

960gs / Blueprint CSSは管理画面で切り替え


960gsとBlueprintは管理画面でスイッチ可能です。ついでにAnalyticsのトラッキングコード等にも対応していますよ。

HTML5 Boilerplateの.htaccessも採用

HTML5 Boilerplateには、HTML5の機能の活用とページロード高速化を実現するための.htaccessファイルを同梱していますが、Rootsにもこの.htaccessを採用しています。HTML5 Boilerplate自体、HTML5ながらクロスブラウザ対応を意識しているのも大きいですね。同様に以下の処理がなされています。

<!--[if lt IE 7 ]><html lang=en-us class="no-js ie6"><![endif]-->
<!--[if IE 7 ]><html lang=en-us class="no-js ie7"><![endif]-->
<!--[if IE 8 ]><html lang=en-us class="no-js ie8"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang=en-us class=no-js> <!--<![endif]--> 

注意

テーマを有効化すると、HOMEというページが自動で作成され、固定ページに設定されます。また、HTML5 Boilerplateの仕様に合わせるのでパーマリンクがカスタマイズされます。WP htaccess Controlを使うといいよ、とのこと。この点に関してはリンク先の「Cleaner WordPress Code Output」セクションに書いてありますので参考になさってください。

なかなか豪勢なフレームワークですね。僕が使いこなせるのか分かりませんけど機会があったら触ってみたいです。以下でダウンロードできますよ。

Roots

URL :
TRB :

Comments & Trackbacks (5)

  1. buy silver

    It follows a pretty common style pattern – CSS at the top a bunch of images in the middle JS at the bottom…!DOCTYPE html PUBLIC – W3C DTD HTML 4.01 EN. src http tools.w3clubs.com pagr 1.expires.js script. body. html..The waterfall produced by WebPageTest looks like so .

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services