クリエーター田中常雄
Web制作に関するメモやその他いろいろ

どうも、クリエーターの田中常雄です。

現バージョンWordpressの標準テンプレートである「twentyeleven」は、とてもカスタマイズし易く便利だけど、HTML5準拠でコードが書かれている為、HTML5に非対応なIE8等のブラウザだと思った要素にCSSが適用されず不便な事も。
もちろんJavaScriptを使えばブロック要素として認識させる事も可能だけど。

そこでHTML5な要素をdiv要素に置き換えて、JavaScript無しでもIE8で使い勝手が良くなるようにする個人的メモ。

とりあえずまずは個々のウィジェットを包括している要素。
asideがIE8では認識されないので、これをdivに置き換える。

編集対象ファイル
wp-content/themes/twentyeleven/functions.php

変更箇所
「before_widget」と「after_widget」で出力される要素をasideからdivに書き換える。
※同じような記述が複数回登場するので、全て書き換える。

例（373行目～辺り）


これで各ウィジェットを包括している要素がdivで出力されるようになるので、IE8でも個別にスタイルを適用可能に。


記事ヘッダー周りはまた後日。