iPhoneやiPadなど人気のタッチデバイス に対応させる事が最近では大きな課題 の一つでもあり、その方法としてライブラリ やツールを使う方法など様々です。WPも 多くの方法がありますが、今日のテーマは 既に最適化されたフレームワークになります。 css3のメディアクエリで様々なデバイスでも美しいレイアウトを保てるようにされているWPテーマのフレームワーク。HTML5を採用しています。 いままでも何度かこの手のものをご紹介してきましたが、選択肢の一つとして。何をもって最適化なのかは意見が分かれそうですので疑問がありましたらデモで確認してみてください。 iPhone、iPadに限らず、様々な環境で見やすいレイアウトを維持します。テーマ作成用のフレームワークとしてなかなか良さそうですよ。 フレームワークらしくシンプルに Starkersほどではありませんが、これといった装飾は一切されていませ
WordPressテーマの代表的なフレーム ワーク、StarkersにもHTML5版が正式 にリリースされていますが、Rootsはその 派生と言えるフレームワークで、HTML5 になっているだけでなく、960システムも 搭載されています。 RootsはStarkersや960gs、Boilerplateなどの人気のフレームワークを使って作られたWPテーマです。 Starkersに関しては以前、HTML5バージョンが出たときに軽く触れたので今日は端折ります。 フレームワークとしては最適のStarkersをベースに、960gs（又はBlueprintも選択可能）を搭載し、HTML5 Boilerplateライクなマークアップが施された欲張りなテーマです。 HTML5、WP、CSSフレームワークを統合 テーマの構成はStarkers、CSSに960gs、又はBlueprint、マークアップにHT
WordPress3.xのデフォルトのテーマファイル「Twenty Ten」をHTML5に完全対応させたテーマファイル「TwentyTen Five」を紹介します。 Use HTML5 in WordPress TwentyTen [ad#ad-2] 「Twenty Ten」はWordPressの3.0からのデフォルトの新しいテーマファイルで、doctypeにHTML5が使用されています。しかし、HTML5の新しい要素や属性などは他の箇所には使用されていません。 「TwentyTen Five」は、この「Twenty Ten」をベースに適切な箇所にHTML5の要素や属性を使用したテーマファイルです。 見た目は「Twenty Ten」と同じシンプルなデザインです。
Toolbox プレビュー [ad#ad-2] テーマファイルには装飾となるデザインは一切施されておらず、HTML5の要素が配置されたものとなっています。 ヘッダ箇所の抜粋。 <header id="branding"> <hgroup role="banner"> <h1 id="site-title"><span><a href="http://wp-themes.com/" title="Theme Preview" rel="home">Theme Preview</a></span></h1> <h2 id="site-description">Previewing Another WordPress Blog</h2> </hgroup> <nav id="access" role="navigation"> <h1 class="section-heading">Main m
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
