1年遅れの IE6 No More


生みの親からも「腐った牛乳」とか言われちゃう可哀想な子、InternetExplorer6。
2009年8月に「IE6 No More」こと、IE6撲滅キャンペーンのニュースが流れて、1年以上経過しちゃいましたが、当ブログにも IE6 No More 用のタグを埋め込みました。


Google Analytics で調べたら、当ブログだとIEが第3位で、まだそれなりに使ってる方が多いみたいですね。(といってもIE8が8割でした)

多少手間取ったので、導入方法を晒してみます。あとちょっと普通のバージョンと違います。

埋め込み用のタグを・・・

ここ にあるんですが↓

そのまま貼りつけて IE6 で確認したらエラーになりました。IE6めっ!!
しょうがないのでカスタマイズします。

<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
  <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>   
    <div style='width: 75px; float: left;'>
      <img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/>
    </div>  
    <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
      <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>あなたは旧式ブラウザをご利用中です</div>
      <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div>
    </div>
    <div style='float: left;width:60px'>
      <a href='http://www.google.com/chrome?hl=ja' target='_blank'>
        <img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/>
      </a>
    </div>
    <div style='float: left;'>
      <a href='http://code.google.com/intl/ja/chromium/' target='_blank'>
        <img src='http://temog.info/wp-content/uploads/ie6nomore-chromium.jpg' style='border: none;' alt='Get Google Chromium'/>
      </a>
    </div>
  </div>
</div>
<![endif]-->

header.php に貼りつけ

<body> タグのすぐ下に上のソースを貼りつけます。

vi wp-content/themes/使っているテーマ名/header.php
<body>
<!--[if lt IE 7]>
省略
<![endif]-->

IE6 で確認

エラーがでなければOKということで。

Google厨でスイマセン ( ´_ゝ`)

Tag  

コメントを残す

メールアドレスが公開されることはありません。

Top