前回、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_scriptとwp_enqueue_scripts
も似ていて紛らわしいです。。。