【コピペOK】MySnowMonkeyでjQueryを追加する方法

こんにちは、木村太一です。

最近は予算・工数・デザインやメンテナンスのしやすさ等を考えて、ほとんどSnowMonkeyというWordPressのテーマ、というよりフレームワークを使用してウェブサイトを制作しています。

カスタマイズするためには開発者のキタジマ氏が推奨しているように「My Snow Monkey」を使用するのですが、簡単とはいえどウェブ制作初級者にはハードルが高いので、社員教育と忘備録の意味も含めて記載しておきます。

My Snow MonkeyでjQueryを追加する方法

my-sonw-monkey.phpに以下のコードを追加します。

jsファイルの名前や置いてあるディレクトリは環境に合わせて変更してください。

add_action( 'wp_enqueue_scripts', function() {
	wp_enqueue_script(
		'common',
		untrailingslashit( plugin_dir_url( __FILE__ ) ) . '/assets/js/common.js',
		[ get_template() ],
		false,
		true
	);
} );

plugin_dir_url( __FILE__ )

で、プラグインのディレクトリを指定できます。

My Snow MonkeyのVersion:0.2.0からは定数も用意されているようなので、そちらを使用しても良いかと思います。

inc2734/my-snow-monkey

Contribute to inc2734/my-snow-monkey development by creating an account on GitHub.

github.com

.jsファイル作成の補足

記述するjQueryのコードは、wordpressの場合ですが$からではなくjQueryから記述する必要があります。

(function($) {
	// この中では $ を使用可能。
})(jQuery);

もしくは

jQuery(function($){
 // この中では $ を使用可能。
});

では、快適なウェブサイト制作ライフを。