IE6 でアクセスされた場合、モダンブラウザやIE上位（IE8）の利用を促すアラートメッセージを表示させるWordPressプラグイン IE6 No More。
個人的にも、IE下位バージョン対応まで手が回らないとか、もう対応はしない（笑）という場合に「別のブラウザを使ってくださいね…」と軽く促す程度に利用しています。
プラグインの名称通り、IE6 No More はIE6 でのアクセス時にメッセージを出すためのモノですが、今回はこれをIE7 でのアクセス時にもメッセージを出すようにするカスタマイズを紹介します。
また、プラグインファイルをインストールして有効化しただけだとアラートメッセージが英語のままですので、これを日本語化する方法も合わせて紹介します。
IE6 No More のインストール
WordPress管理画面のより IE6 No More を検索するか、以下のページよりプラグインファイルを直接ダウンロードします。プラグインをインストールして有効化するだけで、IE6 からサイトにアクセスするとサイトの上部に以下のようなメッセージボックスが表示されます。
IE6 No More でIE7 にもアラート表示
プラグインファイル ie6-no-more.php の[php] <!–[if lt IE 7]>
…
<![endif]–>
[/php] を
[php] <!–[if lt IE 8]>
…
<![endif]–>
[/php] に変更します。
IE6 No More のメッセージを日本語化
ie6-no-more.php のファイルを見ても分かるように、プラグインを新規インストールした状態ではアラートメッセージは英語です。これを日本語のメッセージに変更したい場合は、
より、日本語メッセージのソースをコピペすれば良いのですが、プラグインファイルにそのままコピペしても動かない場合は、ie6-no-more.php 内の以下の場所をピンポイントで日本語化します。
[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>
[/php] を
[php] <div style=’font-size: 14px; font-weight: bold; margin-top: 12px;’>
あなたは旧式ブラウザをご利用中です</div>
<div style=’font-size: 12px; margin-top: 6px; line-height: 12px;’>
このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div>
[/php] にする感じですね。
こんな感じで表示されます。
メッセージのテキストは変更自由ですし、メッセージボックスのスタイルもCSSで調整することも可能なようです。
また、メッセージボックス内のブラウザ画像などは、著作権に注意しながら好きな画像に張り替えるなどすれば、オリジナルのメッセージボックスが出来上がりますね。
コメントを残す