🔥

WordPress自作テーマ作成時、jQuery読み込まれない

2022/02/26に公開

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