IE6でのアクセス時にアラートを表示させるプラグイン「IE6 No More」をIE7でのアクセス時にも対応させる方法

  • 10584
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

IE6 でアクセスされた場合、モダンブラウザやIE上位(IE8)の利用を促すアラートメッセージを表示させるWordPressプラグイン IE6 No More

個人的にも、IE下位バージョン対応まで手が回らないとか、もう対応はしない(笑)という場合に「別のブラウザを使ってくださいね…」と軽く促す程度に利用しています。

プラグインの名称通り、IE6 No MoreIE6 でのアクセス時にメッセージを出すためのモノですが、今回はこれをIE7 でのアクセス時にもメッセージを出すようにするカスタマイズを紹介します。

また、プラグインファイルをインストールして有効化しただけだとアラートメッセージが英語のままですので、これを日本語化する方法も合わせて紹介します。

IE6 No More のインストール

WordPress管理画面のより IE6 No More を検索するか、以下のページよりプラグインファイルを直接ダウンロードします。

プラグインをインストールして有効化するだけで、IE6 からサイトにアクセスするとサイトの上部に以下のようなメッセージボックスが表示されます。
IE6でのアクセス時にアラートを表示させるプラグイン「IE6 No More」をIE7でのアクセス時にも対応させる方法

IE6 No More でIE7 にもアラート表示

プラグインファイル ie6-no-more.php
<!--[if lt IE 7]>
...
<![endif]-->

<!--[if lt IE 8]>
...
<![endif]-->
に変更します。


IE6 No More のメッセージを日本語化

ie6-no-more.php のファイルを見ても分かるように、プラグインを新規インストールした状態ではアラートメッセージは英語です。

これを日本語のメッセージに変更したい場合は、
より、日本語メッセージのソースをコピペすれば良いのですが、プラグインファイルにそのままコピペしても動かない場合は、ie6-no-more.php 内の以下の場所をピンポイントで日本語化します。
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>

<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>
あなたは旧式ブラウザをご利用中です</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>
このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div>
にする感じですね。

こんな感じで表示されます。
IE6でのアクセス時にアラートを表示させるプラグイン「IE6 No More」をIE7でのアクセス時にも対応させる方法

メッセージのテキストは変更自由ですし、メッセージボックスのスタイルもCSSで調整することも可能なようです。

また、メッセージボックス内のブラウザ画像などは、著作権に注意しながら好きな画像に張り替えるなどすれば、オリジナルのメッセージボックスが出来上がりますね。

  • 10584
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

この投稿と関連する記事一覧

この記事に関するコメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください