作ったサイトをワードプレス化してみたんだけど、なぜかJavaScript(jQuery)が読み込まれない何で動かないんだろう普段は問題なく動いてるんだけどなぁこんにちは、よろと申します。今回の内容は、僕が実際にjQueryでのアニメーションが沢山あるようなランディングページ(LP)を作った際に起こった事で、いざ、LPにワードプレスを組み込んでみたところ、なぜかJavaScriptが動かない。そこから自力で解決をしようと、どうにかこうにかいろんなサイトを覗いてみてもなかなか答えが見つからず、かなり消耗したので、今後はもう迷う事の内容にと、まとめてみた内容。原因を特定するところから始める:デベロッパーツールでJavaScript(jQuery)のエラーを確認まず、今回ワードプレスでJavaScript(jQuery)が読み込めない場合に確認する点は3つ。Chrome」の「デベロッパーツール」を使って、きちんとJavaScriptのファイルが読み込まれているかを確認し、何かしらエラーが出ているかを調べる。Found)などと表示されます。この場合はつまり「script.js」というファイルが読み込めない状態というエラーメッセージで、ここでもし何もエラーが出ていなければ、他の部分に問題がある可能性があるという事なので、今度は他の原因を探ってみる必要があります。通常のHTMLとワードプレスの場合だと、jQueryの書き方が違ってたりもしますので、この場合は、そこら辺も後々確認しないといけません。?>を追加する必要があります。?>に置き換えて「functions.php」にファイルを読み込む記述を書かなきゃダメ。?>この2つをきちんとHTML内(index.php)に書いておかないと「functions.php」に書かれた命令が上手く読み込まれないんですね。?>/responsive.css">でOK。ワードプレスで推奨されているのは、CSS、JavaScriptは「functions.php」に書いて読み込ませること。CSSを読み込む場合もヘッダーにそのまま書くのではなく出来れば「functions.php」に書いて読み込ませた方がいいみたい。false);}add_action('wp_enqueue_scripts','add_script');これでもOK。「functions.php」に独自の関数を作り、その中で読み込ませ、add_actionで動作させる。add_actionの、wp_enqueue_scriptsはJavaScriptだけでなくCSSの呼び出しまでやってくれる。WordPressにおけるjQueryの書き方そして「デベロッパーツール」でエラーも出ないし、ファイルもきちんと読み込まれている、にも関わらず、jQueryが読み込まれないという場合は、jQueryの書き方に問題がある場合が多い。{この中に命令を書いていく});こうやって書かないとダメ。僕は、散々つまづいた結果、最後にこれを試したところ上手くいきました。最後にまとめという事で、最後に内容をまとめると、エラーの原因を特定JavaScriptファイルの読み込み方法を確認WordPressでのjQueryの書き方を確認これらを上から順番に潰していけば、どこかしらで原因が特定出来るのではないでしょうか?特に、ランディングページ(LP)を作る際には分割するファイルが少ないので、どこかしらで適当に書いちゃって、その結果ファイルが読み込まれなかったり、動かないという単純なエラーが出てくるので注意。検索:カテゴリーお金・生活に関する事プログラミング海外生活・語学ブログ運営者よろさんぽFX+いくつかのブログを運営。Web制作や写真のお仕事、過去には動画撮影のお仕事も。海外生活が長い事もあり、英語と韓国語をある程度話せます中国語に関しては、現在HSK4レベル趣味は筋トレと海外旅行YouTubeもやってます。