前回、wp_enqueue_style()の記述をしました。
wp_enqueue_style()は(CSSファイル)を安全に追加するために使われますが、wp_enque_script()はテーマやプラグインでJavaScriptファイルを安全かつ効率的にウェブページに追加するために使用されます。下記のようにwp_enqueue_style()とfunctions.phpに一緒に記述されるケースが多いです。

function my_theme_enqueue_scripts_and_styles() {
wp_enqueue_style( ‘custom-style’, get_template_directory_uri() . ‘/css/custom.css’, array(), ‘1.0.0’, ‘all’ );
wp_enqueue_script( ‘my-script’, get_template_directory_uri() . ‘/js/custom.js’, array( ‘jquery’ ), ‘1.0.0’, true ); // カスタムJavaScript }
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_scripts_and_styles’ );

上記はwp_enqueue_script() を使って、カスタムJavaScriptファイル(custom.js)を追加しています。この例では、スクリプトがjQueryに依存しているため、依存関係として array( 'jquery' ) を指定しています。アクションフック: add_action() を使って、wp_enqueue_scripts アクションフックにこの関数を追加しています。難しいですね。。。wp_enqueue_scriptwp_enqueue_scriptsも似ていて紛らわしいです。。。

投稿者

Kの手習い

前職はOA機器の販売営業でしたが、退職して、50代で1からプログラマーを目指します。一般的にこの年齢からは厳しいと言われておりますが、この歳ならではの経験を活かして、頑張ります!

コメントを残す