当ブログでは、IE下位バージョン向けの特別な対応（動作チェックも）はしていませんため、WordPressプラグインIE6 No More」というプラグインを利用して、IE7以下で閲覧させた際にページ上部にアナウンスを表示しております。
ちなみにプラグインの名称はIE6 No Moreですが、IE7でもIE8でもアラートを出すことは可能です。
また、プラグインを有効化しただけではアラートメッセージは英語ですが、日本語に変更することも可能です。
IE6 No More プラグインのインストール
管理画面のプラグイン新規追加画面よりIE6 No Moreを検索するか、以下のサイトよりプラグインファイルをダウンロードします。IE6 No More
プラグインを有効化するだけで、IE下位バージョンでサイトにアクセスした場合に、以下のようなメッセージが表示されます。
![[WP]IE6 や IE7 でのアクセス時にアラートメッセージを表示できるプラグイン「IE6 No More」](https://webantena.net/wp-content/uploads/2012/05/ie6nomore01.png)
IE7 以下にアラートを表示
プラグインファイルである ie6-no-more.phpの17行目の記述を直接編集して、|
1 2 3 |
<!--[if lt IE 7]> ... <![endif]--> |
以下のようにします。
|
1 2 3 |
<!--[if lt IE 8]> ... <![endif]--> |
IE8 以下にアラートを表示
同様に、プラグインファイルであるie6-no-more.phpの17行目の記述を直接編集して、|
1 2 3 |
<!--[if lt IE 7]> ... <![endif]--> |
以下のようにします。
|
1 2 3 |
<!--[if lt IE 9]> ... <![endif]--> |
アラートのメッセージを日本語にする
IE6 No Moreをインストールしただけではアラートメッセージは英語のままですが、これを日本語に自由にテキストを変更することができます。プラグインファイルであるie6-no-more.phpの23〜24行目の記述を
|
1 2 |
<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> |
以下のような日本語メッセージに変更します。
|
1 2 |
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>あなたは旧式ブラウザをご利用中です</div> <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div> |
![[WP]IE6 や IE7 でのアクセス時にアラートメッセージを表示できるプラグイン「IE6 No More」](https://webantena.net/wp-content/uploads/2012/05/ie6nomore02.png)
コメント