お客様から、商品写真をクリックすると、にゅーっと大きく表示されるようにしたいとの依頼を受けたので、colorboxを導入することにしました。が、ちゃんと設定しているはずなのに動かない(汗)

環境は、wordpressを使っております。

colorboxについては、↓を参考に。

[JS]画像や動画、iframeも Lightbox 風に立ち上げる jQueryプラグイン「Colorbox」

デバッグツールによると、colorboxの関数が定義されていないとのこと。

これは、プラグインが読み込めてないか、ライブラリが読み込めていないかに違いない。
ということで、調査してみるも両方とも読み込めている。

が、ライブラリのバージョンは1.9.1なので問題ないと思いきや、ワードプレスのヘッダ関数で結構古めのバージョンが読み込まれている！

これが優先的に読み込まれているような感じ。
ということで、アクションフックでこれを削除☆
function.phpに

remove_action(‘wp_head’, ‘wp_print_head_scripts’, 9);

を書けばOK。

問題なく動くようになりました＾＾

ちなみヘッダのアクションフックの一覧。
http://teru2-bo2.blogspot.jp/2011/07/wphead.html

参考までに、CDNでのｊQueryのバージョン一覧。
http://matome.naver.jp/odai/2138301798034832301