WordPress3.0 prototype.jsを使うとIE8で表示が・・・

毎週金曜日に記事を投稿する男「ミスターフライデー」の地位が危ういYu-ichiです:neko:
理想は全員異なる曜日に投稿するのが良いのでしょうけど・・・何の理想かはお任せします。

最近言われて気がついたのですが、WordPress3.0以降でwp_grinsを使うと
投稿画面で「画像の追加」をクリックしたときのウィンドウが右下に表示されてしまうようです。
このプラグインを停止すると戻るのですが・・・。:kaomoji4:

そこで、このプラグインを使ったときに呼び出されるものを調査したところ
どうも「prototype.js」を呼び出して追加しているのを発見しました。:hamster_4:

さらにいろいろ聞き込みして情報を集めてみると、どうやらIE8でもIE7互換モードにすると
正常に表示されているらしい。ますます・・・:kaomoji4::kaomoji4:

確かに、ヘッダーにprototype.jsの呼び出しを入れて、IE8で表示するとおかしくなり
互換モードで表示すると正常に表示されている・・・。:kaomoji4:

以前のWPではprototype.jsのバージョンが古かった為に、
IE8でも問題なく表示されているみたい(?)です:kaomoji8:

つまり、整理するとこんな感じ。

  :yubiright:prototype.jsのバージョンが新しいとIE8で問題がでる

  :yubiright:IE8でもIE7互換モードにすると問題が起きない

ということは・・・投稿するときはIE7互換モードでやればいいじゃん!:wa-i:

でも毎回投稿時に切り替えるのがめんどう・・・っていうか忘れそう:cat_6:

そんな時に便利なのがこれ!
METAタグでIEの互換性を変えるX-UA-Compatible

投稿画面の<head>の中に一行

<br />
&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; /&gt;<br />

と追加するだけ!
これだけでIE8で開いたときに勝手にIE7互換モードになります:cat_5:

あぁよかったよかった:kaoemoji1:

同じ症状でお悩みの方は、是非試してみてください:kaomoji7:

参考になったら是非クリックをお願いします:kaomoji6:
:onegai: :yubiright: 人気ブログランキングへ:yubileft:

トラックバックURL

コメントを残す

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