イメージマップのレスポンシブ

AVADA WP ImageMap レスポンシブ

ワードプレスのAVADAのテーマを使用してウェブサイトを作成しています。

イメージマップ(クリッカブルマップ)を作り、レスポンシブに対応させたい(画面を小さくしてもクリッカブルにしたい)のですが、うまくいかずに困っています。

⑴jQueryの「jquery.rwdImageMaps.min.js」をダウンロードしたのですが、どこに保存すればいいかわかりません。

⑵サーバーのjQueryが入ってるフォルダに「jquery.rwdImageMaps.min.js」を保存し、呼び出して見ましたがエラーが出てしまいました。

ワードプレスのダッシュボードからこのファイルを保存する場所を探したのですが、見つかりませんでした。

AVADAテーマを使用したことがあり、新たにjQueryのファイルを追加する方法、またその他呼び出す方法がわかる方がいましたら、ご教授をお願いします。

以下の２つのエラーメッセージが発生しました。

発生している問題・エラーメッセージ


jquery.rwdImageMaps.min.js Failed to load resource: the server responded with a status of 404 (Not Found)


?preview_id=10&preview_nonce=86c2a61292&_thumbnail_id=-1&preview=true:285 Uncaught TypeError: jQuery(...).rwdImageMaps is not a function
    at HTMLDocument.<anonymous> (?preview_id=10&preview_nonce=86c2a61292&_thumbnail_id=-1&preview=true:285)
    at i (jquery.js?ver=1.12.4:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
    at Function.ready (jquery.js?ver=1.12.4:2)
    at HTMLDocument.K (jquery.js?ver=1.12.4:2)

該当のソースコード

・
・
・
</map>

<script type="text/javascript" src="http://******.jp/public_html/wp-includes/js/jquery/jquery.rwdImageMaps.min.js">
</script>
<script>jQuery(document).ready(function(e){jQuery('img[usemap]').rwdImageMaps();});
</script>