/WordPressでJavaScriptファイルを読み込む方法2017.01.16WordPressでJavaScriptファイルを読み込む方法TweetPocketWordPressでJavaScriptファイルを読み込み使用するには、wp_enqueue_script関数を利用します。具体的には、下記のようにfunctions.phpに記述します。);コードについて少し説明してみます。簡単に説明すると、アクションフックである「wp_enqueue_scripts」(※複数形になっているので注意が必要)によってwp_enqueue_script関数が含まれたhoge_scriptを呼び出しています。続いて、「wp_enqueue_script関数」の引数を確認していきましょう。スクリプトのハンドル名。trueにするとスクリプトがbodyの前で読み込まれる。falseだとheadの前で読み込まれるここまでだと具体例がないので少しイメージしづらいと思います。具体的なjavascriptファイルを試しに読み込ませてみたいと思います。例としてクリックすると開閉する目次(メニュー)を実現させるjavascriptコードを用意しました。コードはjQueryを利用しています。CSSの演習まず、下記のコードをWordPressに投稿ページに追加しましょう。CSSの演習つぎにWordPressのスタイルシートに下記の追記します。none;}最後に下記のようなjavascriptファイルを用意します。h2').on('click',function(){jQuery(this).next().toggleClass('hidden');});});上記のファイルは「custom_script.js」というファイル名でsampleというテーマのフォルダの直下にある「js」フォルダに保存されているとします。uploadsでは、さっそくcustom_script.jsを読み込んでみましょう。functions.phpに下記のコードを追記します。);これでjavascriptコードがWordPressに読み込まれるはずです。WordPressSNSでもご購読できます。TwitterでフォローするFeedlyでフォローするSTM当ブログの管理人STMです。プログラミング関係の記事を中心に、趣味のカメラやファッションの話など掲載しています。読者の皆様のお役に立てる情報配信を心がけています。*メールアドレス(公開はされません。*上に表示された文字を入力してください。