XHTMLで作成された既存のWordPressのテーマファイルをHTML5にするチュートリアルを紹介します。 Converting XHTML WordPress Theme To HTML5 [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに header.phpをHTML5に変更 index.phpをHTML5に変更 single.phpをHTML5に変更 footer.phpをHTML5に変更 補足:IE6/7/8への対応 はじめに はじめに、なぜHTML5を使うのかを理解する必要があります。私が考えるHTML5を使う大きな理由は、HTML5がセマンティックなマークアップだからです。 HTML5ではheader, footer, nav, section, articleなどを正確に使用する必要があります。 ここでは、XHTMLベースの既存のWordPressのテーマ
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く