wordpress ver.4.6.1
<?php
//ウィジェットを使用できるようにするコード
if ( function_exists('register_sidebar') )
register_sidebar();
//ここから自作jQueryファイル読み込みコード
function my_scripts() {
//wpのjqueryを読み込まない
wp_deregister_script('jquery');
//jqueryの読み込み
wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js', "", "20160608", false );
//自作jqueryファイル
wp_enqueue_script( 'jquery-kotori', get_bloginfo( 'stylesheet_directory') . '/jquery-kotori.js', array(), false, true );
}
add_action( 'wp_enqueue_scripts', 'my_scripts');
?>
wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js', "", "20160608", false );
google APIのjqueryを読みこまないと、自作jqueryのファイルが利用できないので必ずコードを記述する。
wp_enqueue_script( $handle(必須), $src(任意), $deps(任意), $ver(任意), $in_footer(任意) );
参考url:http://kwski.net/wordpress/780/
参考url:http://rfs.jp/sb/wordpress/wp-lab/wp_enqueue_script.html
ハンドル名が同じだとエラーとなるので、ハンドル名がかぶらないようにする。
get_bloginfo( 'stylesheet_directory')
stylesheetがあるフォルダと同じ場所という意味
add_action( $hook, $function_to_add(関数名自作), $priority, $accepted_args );
特定のアクションに関数をフックする
この関数は add_filter() のエイリアス
このコードでは、
$hook→wp_enqueue_scripts
$function_to_add→my_scripts (function my_scripts() {})
※エイリアス→(意)別の名前で参照するシンボル
参考url:https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/add_action
wordpressではjQueryファイルはphpファイルのようにテーマ編集には表示されない。
<jQueryファイルの確認方法 chrome>
・デベロッパーツール→application→scripts
参考url:http://weback.net/utility/1410/
ダッシュボード→カスタマイズ→ウィジェット
表示され、利用可能
試したところ、functions.phpのjQuery外部読み込みでも、headでのscript読み込みでもどちらでもok
前はheadでのscript記述では、使用不可だったのに。。
phpコードの書き方に注意 この書き方はエラーとなる
解決方法:一つにまとめる