問題
Wordpressのテーマからjavascriptファイルを読み込むには？
解決策
関数「wp_enqueue_scripts」をフックし、javascriptファイルを読み込む処理を追加して上書きする。
テーマからjavascriptファイルを読み込む
WordPressのテーマからjavascriptファイルを読み込む方法をご紹介します。
関数「wp_enqueue_scripts」をフックする。
関数「wp_enqueue_scripts」をフックすることで、ファイルの読み込みを追加することができます。
記述例
読み込みたいjavascriptファイルをテーマディレクトリのjavascriptフォルダに配置した上で、以下をfunctions.php記述し、実行してください。
function my_scripts() {
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/○○.js', array( 'jquery' ), '1.0.2', true );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );
参照
以下のサイトが、より詳しく解説してくれています。
【WordPressテーマからCSSファイルとJSファイルを読み込む正しい方法 | HPcode】
https://haniwaman.com/load-css-js/
【関数リファレンス/wp enqueue script – WordPress Codex 日本語版】
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_enqueue_script
コメント