問題 × 解決策

WordPressのテーマからjavascriptファイルを読み込む方法

問題

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

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

4 − 2 =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧