JavaScriptの命令をどちらに書けば良いでしょうか？

[happy01参加者]

こちらのサイトの『jQuery RWD Image Maps』（クリッカブルマップ）

超簡単！jQueryを使ったレスポンシブ対応クリッカブルマップ『jQuery RWD Image Maps』

を実装したいと考えています。

固定ページに入れる予定でいるんですが、
ｈｔｍｌファイルに下記のコードを書き込まなければいけないことが
書かれておりますが、ｈｔｍｌファイルはどちらにあたるのでしょうか？
すいませんが、どこに書くのか教えていただければありがたいです。

どうぞよろしくお願いいたします。
ーーーーーーーーーーーーーーーーーーーー
<script src=”common/scripts/jquery.js”></script>
<script src=”common/scripts/jquery.rwdImageMaps.js”></script>
<script>
$(document).ready(function(e) {
$(‘img[usemap]’).rwdImageMaps();
});
</script>

[RICK参加者]

こんな感じでいかがでしょうか？

1. 「jquery.rwdImageMaps」をダウンロードして解凍
2. 子テーマのディレクトリにjsディレクトリを作成
3. 作成したjsディレクトリにjquery.rwdImageMaps.min.jsを設置
4. 子テーマの functions.php に下記コードを追記

function insert_jrim() {
	wp_enqueue_script( 'jrim', get_stylesheet_directory_uri() . '/js/jquery.rwdImageMaps.js', array( 'jquery' ), '1.6.0', true );
	$script = 'jQuery(document).ready(function(e){jQuery(\'img[usemap]\').rwdImageMaps();});';
	wp_add_inline_script( 'jrim', $script );
}
add_acction( 'wp_enqueue_scripts', 'insert_jrim' );

[RICK参加者]

一部コードが間違っていたので訂正します。下記コードが正しいです。
修正点はadd_acction→add_actionです。

function insert_jrim() {
	wp_enqueue_script( 'jrim', get_stylesheet_directory_uri() . '/js/jquery.rwdImageMaps.js', array( 'jquery' ), '1.6.0', true );
	$script = 'jQuery(document).ready(function(e){jQuery(\'img[usemap]\').rwdImageMaps();});';
	wp_add_inline_script( 'jrim', $script );
}
add_action( 'wp_enqueue_scripts', 'insert_jrim' );

[happy01参加者]

ご返事ありがとうございました！

すいません、プラグインでイメージマップを認識するプラグインがありましたので、
そちらで対応出来てしまいました。

せっかくお返事頂いたのに、申し訳ありません。

ありがとうございますm(_ _)m

[投稿者]

投稿