🔥
WordPress自作テーマ作成時、jQuery読み込まれない
WordPressの自作テーマを作成時に、jQueryが読み込まれない場合の解決方法を説明。
wp_head()と記載してもダメ
ネットで検索するとheaderにwp_head()
と記載すればWordPressに内蔵している使えるとよく記されていますが、自作テーマを作成する場合はfunctions.php
に設定の記載がされていないことがある。
functions.phpでjQueryを読み込む設定
functions.php
にjQueryを読み込む設定を書く。
function theme_style()
{
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'theme_style');
また、自作で作成したjQueryコードのファイルに依存するファイルとしてjQueryをしているすることでも読み込むことができる。
以下のように配列指定で'jquery'
を指定すればよい↓
function theme_style()
{
wp_enqueue_script('theme-script', get_theme_file_uri('js/dist/bundle.js'), array('jquery'), VERSION);
}
add_action('wp_enqueue_scripts', 'theme_style');
Discussion