ブルーシュ

IT技術の勉強記録

ホーム > Tips > WordPress

WordPressでデフォルトのjQueryを利用する/削除する方法

,

WordPressはデフォルトでjQueryを読み込んでいるので、ちょっとしたアニメーションならCSSで頑張らなくてもjQueryを利用するのも手です。

利用したい場合

テンプレートのfunctions.phpにこのように書きます。

function theme_name_scripts() {
	wp_enqueue_script('jquery');
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

wp_enqueue_scriptsアクションフックにjQueryを読み込むよう、明示します。
 
そして、jQueryを利用する場合は$マークを使いますが、競合する可能性があるのでjQueryに変えます。
 
こんな感じ

const nav = document.getElementsByTagName("nav")[0];
jQuery(nav).slideToggle();

例のようにJavaScriptと組み合わせることもできますよ。

削除したい場合

コンマ1秒でも速くしたい場合などは、デフォルトのjQueryを削除することもできます。

wp_deregister_script("jquery");
WordPressでデフォルトのjQueryを利用する/削除する方法 #WordPress #ウェブデザイン #ウェブ制作 #WEBデザイン #WEB制作 #JavaScript #jQuery

作者の似顔絵

秋田市在住のプログラマーです。
プログラミングを始めて18年、まだまだ日々勉強。調べたことをブログにまとめていきます。
記事の感想・質問・間違い指摘などはツイッター ( @blooshcompany ) へお願いします。