【jQuery】WordPressでjQueryを使用する方法

カスタム デザイン

wpphp_jquery_add

WordPressにはjQueryが搭載されています。
このjQueryをWordPressで使用できるようにする方法を紹介します。

テーマ内に functions.php を用意する

現在使っているテーマの「functions.php」を用意します。
無ければ「functions.php」をテーマフォルダ内に作成します。

functions.php にメソッドを追加する

<?php 
function add_scripts() {
	wp_enqueue_script('jquery');
}
add_action( 'wp_enqueue_scripts', 'add_scripts' );
?>

これでjQueryを呼び出せます。

jQueryを使ってみる

<script>
    jQuery(function($) {
		$('.test_div').text('test');
	});
</script>

<div class="test_div">
	テストです。
</div>

jQueryが使えるようになりました。

$(function() {

普段使うこのコードではなく、

jQuery(function($) {

こちらを使うことに注意です。

カスタム デザイン

関連記事