WordPressでヘッダーに自動的にhtml5shiv.jsを挿入する方法

html5shiv

html5shiv

html5shiv.jsとは?

IE6~8においてHTML5のheaderやfooterタグは通常タグとして認識しないのですが、これを「headerやfooterはタグですよ?」と認識させるのがhtml5shiv.jsというスクリプトなんです。

またIE9でもベースのスタイルを当ててくれるという素晴らしいスクリプトです。

また以前はhtml5.js というのが公開されていたのですが今はhtml5shiv.jsのほうが新しいのでhtml5shiv.jsを使ったほうが平穏な日々が続くと思います。

そんな便利なスクリプトですがGoogleさんでもソースを公開しています。

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

html5shiv.jsをWordPressのヘッダーに挿入する

そこで本題なのがhtml5shiv.jsを使うためにWordPressでヘッダーに自動的に挿入する必要があります。

function.phpに下記のソースを挿入

// ヘッダーにhtml5.jsを挿入
function add_ie_html5_shim () {
    echo '<!--[if lt IE 9]>';
    echo '<script src="dist/html5shiv.js"></script>';
    echo '<![endif]-->';
}
add_action('wp_head', 'add_ie_html5_shim');

そうすると自動的にヘッダー内にhtml5shiv.jsが挿入され適用されます。

IE対応で困っている方の参考になればと思います。
もっとこうしたほうがいいよ?みたいなのがあれば気軽にコメント頂ければと思います。

  • Pocket
  • LINEで送る
  • このエントリーをはてなブックマークに追加

コメントを残す




関連記事

ワードプレスの個別記事で投稿した月のカレンダーを表示させるphpコード
WordPressのカテゴリの記事やリンク一覧を取得するためによく使う3つのテンプレート
プラグイン○○を完全に削除できませんでしたと表示されプラグインの削除に失敗した時の解決法
WordPressをインストールしているディレクトリの外部でWordPressのテンプレートタグを利用する時に入れるコード
WordPress(ワードプレス)の個別記事で投稿した月のカレンダーを表示させるコード
Auto Post Thumbnailプラグインを入れて画像がダブってしまった時に片方を非表示にする方法
WordPress(ワードプレス)の管理バー(アドミンバー)を非表示にさせる方法
ナレッジベース&wiki的な無料・有料のWordPressテーマ11選をまとめてみました
WordPressのアップグレード更新通知を非表示にする&管理者権限のユーザー以外を非表示にする方法
WordPressのアイキャッチ画像のメタボックスに任意のテキストを挿入する方法
PageNaviを特定のカテゴリやアーカイブでページ遷移をしても1ページ目が表示される場合の問題を解決するためのメモ
WordPressをインストールしたディレクトリと同じ階層にindex.htmlがある時の開発準備TIPS
WordPressで使われる昇順(ascending order)、降順(descending order)の正式名称
WordPressのディレクトリ外でWordPressの情報(WordPressタグや新着一覧)を表示させる方法
アップロードした画像を自動でリサイズしてくれるWordPressプラグイン「Imsanity」

Menu

HOME

 TOP