Lightningテーマを使用した時にjQueryプラグインを追加する方法(WP:4.6.1)
右往左往したのでメモ。
基本的には、子テーマ用配布のfunctions.php内にあるfunction add_wp_head_custom内に書いてadd_actionのコメントアウトを外せばいいが、多少修正する必要がある。
というのも、そのままだと、add_actionの優先順位が1のため、wp_headで梱包されているjQuery本体を読み込むよりも先に記述されてしまうので。
つまり、
・jQueryプラグイン読み込み
・jQuery本体やstyle.css読み込み
という順番になってしまう。
追加部分にjQueryの読み込みを記述してもいいが、それだと二重に本体を読み込むことになるので、ちょっと怖い。
なので、最終的に
function add_wp_head_custom(){ ?> <!-- head内に書きたいコード --> <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/js/slick.css" /> <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/js/slick-theme.css" /> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/slick.js"></script> <script> jQuery(function($) { $('#sample').slick({ autoplay: true, autoplaySpeed: 1000, slidesToShow: 1 }); }); </script> <?php } add_action( 'wp_head', 'add_wp_head_custom',10);
というかたちになった。
これで、VK All in one Expansion Unitの書き出すOGPタグ直前で、プラグインの記述が入るようになる。