Wordpressの個別ページにjQueryが反映しません。

Question

###どなたか教えてください！！
「Wordpressにjqueryが入りません。」

現在、下記URLのようにスライドするようにサイト作成中です。

参考サイト
https://www.tam-tam.co.jp/tipsnote/html_css/post9210.html

これをWordpressの個別ページに組み込みたいのでしたいのですが、何を試してもうまく行きせん。ここで詰まってしまい、作業が全く進みません。どなたか解決方法ありましたら助けていただけますと幸いです。

###導入したいプラグイン

juery.bxslider.js
common.js

###使用テーマ

バズ部の「xeory_base」

###試したこと
①bxslider.jsをheder.phpに。

<?php wp_enqueue_script('bxslider', get_bloginfo('template_url') . '/js/jquery.bxslider.js',array(jquery)); ?>

のコード埋め込み。→ページソースに反映はしていました。
(themes/js/ にファイルアップロード済み)

また、この時にbxsliderのコードを
;(function($){ → jQuery(document).ready(function($){ に変換しました

②プラグイン「Custam css and js」を使用。
カスタムフィールドにbxslider_jsのファイルを追加。

③ページ固有のJava/cssにコードを記述。
403エラーがでて更新できませんでした。

③個別ページテキストに直接コード書き込み。

###具体的にわからない点
「juery.bxslider.js」の「common.js」どちらが効いているのかがわかりません。
また、各JSにコードの記述の変更が必要かと思いますが($)→jQueryに変換したのですがそれでも反映しませんでした。
それともテーマがいけないのか全く変わらなくなってしまいました。

どなたかアドバイスよろしくお願いいたします。

Comments

[m.ts10806]

「juery.bxslider.js」と書かれている箇所が散見されますが正しいファイル名（サーバーにアップロードしたファイル名）はどれですか？

[m.ts10806]

jsファイルが読み込まれているかどうか確認したい場合はjsファイルの冒頭でconsole.log()とかalert()とか記述しておくと良いです。何も出ないということは読み込まれていない（ファイルパスの指定が間違っている）ということなので調整が必要です。あと、順番にも注意ですね。jquery.min･･･、つまりjquery本体を最初に読み込むように記述されているかどうか。

[RDV]

記述を間違えました。juery.bxslider.js→jquery.bxslider.jsでした。http://bxslider.com/ のURLからダウンロードしたファイルになります。jquery本体を最初に読み込むコードは入力していませんでした。。

[m.ts10806]

jquery本体を読み込んでいなければブラウザの開発ツールでコンソールを確認した際に「Uncaught ReferenceError: $ is not defined」とか「Uncaught ReferenceError: jQuery is not defined」とか出ているはずです。その辺もご確認ください。

[Lhankor_Mhy]

『;(function($){ → jQuery(document).ready(function($){ に変換しました』とありましたが、これは何故ですか？　また、これですと関数の呼び出しが合わなくなりそうかな、と思うのですが、それは適切に処理してありますか？

[shiho_k]

そもそもソースには反映できてますか？→書いてましたね。すみません。
今ソースがどんな感じか隠しつつでもいいので記載することはできませんか？