全く同じバージョンのWordPressと、
全く同じテンプレートを使っている
２つのウェブサイト。
なぜか片方だけjQueryのスライダー
が動かなかったのです。
違うことといえば、サイトを設置した
サーバーが異なるぐらいです。
「これはWordPressが出題してきたパズルだ」
こういうのが面白いんです。
どこから何を手掛かりに解いていくか？
「これだ」と思った切り口が大当たり
だったときのささやかな喜び。
私が目を付けたポイントはこうでした。
jQueryの挙動が異なるということは、
出力されたページのHTMLがその原因を
知っているはずだ。
そして解決するまでに次の手順を踏みました。
（１）２つのサイトのHTMLをDiffツールで差分比較
ツールはVectorで無料ダウンロードできますので、
WordPressサイトの運用保守をされる方はこの手の
差分比較ツールを持っておくことをお勧めします。
↓ダウンロードはこちら。
プログラマー必携！ソースコード差分比較ツールの鉄板
予想通り、ありました。
スライダーが動かないサイトのほうだけ、
特定のバージョンのjQueryの読み込み文が欠落していたのです。
ここまでわかればあとは簡単でした。
jQueryの宣言はヘッダー付近にあるから
↓
WordPressのheader.phpがあやしい
（２）２つのサイトのheader.phpをDiffで差分比較
header.phpはどちらのサイトも全く同じ。
怪しいところはなさそうだが、正常なサイトでは
jQueryの宣言文がヘッダー付近にあるので、
ヘッダーのHTMLを出力しているPHPモジュールに差異
があるということは１００％言えそうだ。
ということは、header.phpから呼び出している
function.phpに差異があるのでは？？
（３）２つのサイトのfunction.phpをDiffで差分比較
これがビンゴでした。
動かないサイトのfunction.phpにだけ、
問題のjQueryの宣言文が欠落していたのです。
動くほうのサイトのfunction.phpには
存在している宣言文でしたので、
１００％これが原因と判明。
（４）欠落した宣言文を入れてサイトを表示させる
動きました。解決。
この論理パズルが楽しいと感じられる方は、
プログラマーに適正ありかも知れませんね。
photo (c)Brett Jordan
[PR]━━━━━━━━━━━━━━━━━━━━━━━━
①WordPressサイト作成レッスンはこちら
②システム開発のご相談・お見積りはこちら
③Webサイト制作のご相談・お見積りはこちら
④ポータルサイト更新ツールの資料請求はこちら
━━━━━━━━━━━━━━━━━━━━━━━━━━
よろしければ読者登録やランキング「ポチッ」とお願いします♪ | |
 |  |
