1. ホーム
  2. javascript

[解決済み] WordPressのプラグインにCSSとjQueryを組み込むには?

2023-05-03 11:50:06

質問

WordPressプラグインにCSSとjQueryを組み込むには?

どのように解決するのですか?

スタイルの場合 wp_register_style( 'namespace', 'http://locationofcss.com/mycss.css' );

では、使ってください。 wp_enqueue_style('namespace'); というように、CSSを読み込みたい場所に記述します。

スクリプトは上記の通りですが、jqueryの読み込みは、読み込みたいページのinitでenqueueを読み込むのが手っ取り早いです。 wp_enqueue_script('jquery');

もちろん、jqueryのgoogleリポジトリを使用したい場合は別です。

スクリプトが依存しているjqueryライブラリを条件付きでロードすることもできます。

wp_enqueue_script('namespaceformyscript', 'http://locationofscript.com/myscript.js', array('jquery'));

2017年9月更新

この回答は少し前に書きました。 スクリプトとスタイルをエンキューするのに最適な場所が wp_enqueue_scripts フックの中です。 だから例えば

add_action('wp_enqueue_scripts', 'callback_for_setting_up_scripts');
function callback_for_setting_up_scripts() {
    wp_register_style( 'namespace', 'http://locationofcss.com/mycss.css' );
    wp_enqueue_style( 'namespace' );
    wp_enqueue_script( 'namespaceformyscript', 'http://locationofscript.com/myscript.js', array( 'jquery' ) );
}

wp_enqueue_scripts アクションはフロントエンドのための設定を行います。 このアクションは admin_enqueue_scripts アクションをバックエンド(wp-admin内の任意の場所)に、そして login_enqueue_scripts アクションはログインページのためのものです。