Blog スタッフブログ

WEB制作

[WordPress]同梱のjQueryを変更する

WordPressの基本タグをheader.phpなどに設置するとWP本体に合わせてjQueryが自動で読み込まれます。

<?php wp_head(); ?>

別のバージョンを使いたい、軽量化のため自分で用意したもの読み込ませたいなどのケースでは変更が可能です。

その方法をご紹介します。

function my_scripts()
{
  wp_deregister_script('jquery'); // 同梱のJQueryを無効化
  wp_register_script('jquery', get_stylesheet_directory_uri() . '/js/jquery.min.js', array(), false); //用意したファイル
}
add_action('wp_enqueue_scripts', 'my_scripts');

wp_deregister_script

jQueryを二重で読み込むことになってしまうため、wp_deregister_scriptで無効化しています。

wp_register_script

サーバーにアップロードしたjQueryファイルを指定します。

上記の例ではテーマ内に設置したファイルを読み込んでいます。