3RiseCreative
[ブラ古トップにもどる]  [サイトトップにもどる]

ブラウザ古いですよー 設置マニュアル


通常設置方法

解凍後のファイルを配置します。

配置例

+-- xxxxx.html ・・・警告を出力したいページ
|
+-- 「css」
|     +-- OldBrowserChecker.css
|
+-- 「image」
|     +-- burafuruClose.png
|     +-- burafuruWarning.png
|
+-- 「js」
      +-- OldBrowserChecker.js

警告を出力したいページに以下を組み込みます。

設置したいページが複数ある場合、全てのページに組み込んでください。

<link rel="stylesheet" href="css/OldBrowserChecker.css" type="text/css" media="screen"/>
<script type="text/javascript" language="javascript" src="js/OldBrowserChecker.js" ></script>
<script type="text/javascript">
	onload = function() {
		browserCheckMain();
	}
</script>

警告を出力したい位置に以下を記述します。

設置したいページが複数ある場合、全てのページに記述してください。

1つのページに複数記述しないでください。

<div id="idBurafuruBox">
	<div id='idBurafuruImg'><img src='images/burafuruWarning.png' usemap='#burafuruWarning' /></div>
</div>

OldBrowserChecker.jsを修正してチェックするブラウザのバージョンを指定します。

/******************************************************************************
 * この下を修正してください。
 ******************************************************************************/
// 旧バージョン判定を行う各ブラウザのバージョン
// ここで設定したバージョンより下位バージョンのブラウザを使用している場合に出力します
oldVer[MSIE] = "8.0";
oldVer[FIREFOX] = "11.0";
oldVer[CHROME] = "18.0.1025.142";
oldVer[SAFARI] = "5.0";
oldVer[OPERA] = "11.62";

上記のように指定した場合、IEでは8.0以上を使用していれば警告は表示されません。







WordPressへの設置方法

解凍後のファイルを配置します。

配置例

+--「wp-content」
      +--「themes」
            +--「テーマ」
                  +-- xxxxx.php ・・・警告を出力したいページ
                  |
                  +-- 「css」
                  |     +-- OldBrowserChecker.css
                  |
                  +-- 「image」
                  |     +-- burafuruClose.png
                  |     +-- burafuruWarning.png
                  |
                  +-- 「js」
                        +-- OldBrowserChecker.js

header.phpに以下を組み込みます。

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/OldBrowserChecker.css" type="text/css" media="screen"/>
<?php wp_enqueue_script('OldBrowserChecker', get_template_directory_uri().'/js/OldBrowserChecker.js', array('jquery')); ?>
<script type="text/javascript">
	onload = function() {
		browserCheckMain();
	}
</script>

警告を出力したい位置に以下を記述します。

<div id="idBurafuruBox">
	<div id='idBurafuruImg'><img src='<?php bloginfo('template_directory'); ?>/images/burafuruWarning.png' usemap='#burafuruWarning' /></div>
</div>

OldBrowserChecker.jsを修正してチェックするブラウザのバージョンを指定します。

修正内容は通常設置と同様です。







注意点など

  • コードはUTF-8で記述しています。

[ブラ古トップにもどる]  [サイトトップにもどる]