【WordPress】WordPressでjQueryを使う | 電脳備忘録

WordPressでjQueryを使う時には作法があるんですね。
下記のように書くとWordPress純正のjQueryを利用しないようにすることができるようです。

wp_deregister_script('jquery');

そのうえでjQueryを読み込ませるのですが、。現時点で最新版のjquery-1.10.2と、私が適当に書いたdefault.jsを読み込ませてみました。
管理画面では純正のjQueryが必要のようなので、管理画面以外のときは任意のjQueryを読み込むようにしました。

<?php
/**
* The Header for our theme.
*/
global $dir;
$dir = get_stylesheet_directory_uri();//子テーマのディレクトリパス取得
?>
<!-- 省略 -->
<head>
<!-- 省略 -->
<?php
if ( !is_admin() ) {
wp_deregister_script('jquery');
wp_enqueue_script('jquery', $dir.'/js/jquery-1.10.2.min.js', array(), '1.10.2');
wp_enqueue_script( 'default', $dir.'/js/default.js', array('jquery'));
}
?>
<?php wp_head();?>
</head>

get_stylesheet_directory_uriで子テーマのディレクトリパスが取得してそれを変数dirに格納してこれを使い回します。
get_stylesheet_directoryとなっているのでcssの格納場所のパスを取得するものだとばかり思っていましたがそうでもないようです。

cssもここで設定することができます。親テーマのcssを引き継がないようにするにはfunction.phpに設定をかかないとダメっぽいです。

<?php
if ( !is_admin() ) {
wp_enqueue_style( 'trust-form-front-css', '/wp-content/plugins/trust-form/css/default.css?ver=all');
wp_enqueue_style( 'default-style', $dir.'/css/default-style.css');
wp_deregister_script('jquery');
wp_enqueue_script('jquery', $dir.'/js/jquery-1.10.2.min.js', array(), '1.10.2');
wp_enqueue_script( 'default', $dir.'/js/default.js', array('jquery'));
}
?>