古いブラウザを使わない方が良い
パソコンに不慣れな人は、この常識を知らない方が多いようです。
ブラウザの提供者は、常にハッキングの脅威やその他サイバー攻撃から身を守るために、ブラウザのアップデートを行なうように呼びかけています。
10年以上も前のブラウザをそのままにしていると、南京錠で、最新の家を守っているようなもの。セキュリティも強化したいものです。
運営者のみならず、ホームページを見てもらうお客様にもちゃんとした最新のブラウザを使ってもらう事で、攻撃から身を守る事ができます。
お客さんがひどい目にあうのは本当に嫌ですからね。
WordPressのプラグインを使えば、古いブラウザのユーザーに注意を表示させる事ができます。
注意を表示させる
このように指定したブラウザの上部に、注意を促す表示を掲載する事ができます
設定方法
「IE6 No More」というプラグインをWordPressの管理画面よりインストールし、有効化します。たったこれだけで表示を出す事ができます。
日本語化したい、違うブラウザにも対応したい。
ということで、今回は、日本語化とIE6とIE7のブラウザの人に、アップグレードするように促します。
「プラグイン > IE6 No More > 編集」をクリック後、callbackのファンクションを下記に置き換えます。
1 2 3 4 5 6 7 8 9 10 11 12 | function callback($buffer) { global $is_IE; if ($is_IE) { $ie6nomore_code = " <!--[if lt IE 8]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display='none'; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> <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='width: 75px; float: left;'><a href='http://www.mozilla.jp' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div> <div style='width: 75px; float: left;'><a href='http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&DisplayLang=ja' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div> <div style='width: 73px; float: left;'><a href='http://www.apple.com/jp/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div> <div style='float: left;'><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> </div> <![endif]--> "; $buffer = preg_replace('/(<body.*>)/', "$1\n".$ie6nomore_code, $buffer, 1); } return $buffer; } |
この部分が、IE8未満という意味で、IE7以下という意味になります。ご自由に可変する事ができます。
1 | <!--[if lt IE 8]> |
最新のブラウザを使ってもらう事で、運営メディアを利用する人にきちんと使っていただく事ができるようになります。
問い合わせが送信できませんや、ページが壊れますなどの問題が起こっている場合は、閲覧者が最新のブラウザを使っていないがために起こっている場合があります。
セキュリティー上の安全性を考慮して、きちんとした最新のブラウザを使ってもらうように促すことも大切です。
問い合わせが送信できませんや、ページが壊れますなどの問題が起こっている場合は、閲覧者が最新のブラウザを使っていないがために起こっている場合があります。
セキュリティー上の安全性を考慮して、きちんとした最新のブラウザを使ってもらうように促すことも大切です。
Amazonで購入したおすすめ商品
お疲れ様です。パソコン仕事は体を痛めます。長時間のパソコン仕事で、肩や目が痛い方はこちらがおすすめです。
快適な環境で仕事をしたいですね。
肩が上がらない。姿勢が悪くなる。
腕を広げてタイピングできるので、肩への負担が軽減されます。
created by Rinker
ミステル(Mistel)
目の奥が痛い！時に。
画面の色を損なうことなく、パソコンを長時間見るときに役立ちます。
見た目はエッジが効いている？ので、集中モードの時に。
ネットが遅くて困る！接続数足りてる？
パソコン・スマホ・タブレットを８０台まで接続できてこの値段。
