tkj_tkjさん
○今 考えていること
上記サイトにあるJQUERYのコードをファイル化して
識別名をつけて呼び出すのかなぁ・・・と考えてますが
そのとおりでオッケイですよ。
Codexの wp_enqueue_script の項(英語ですが)もご参照いただければとおもいますが、たとえば当該のスクリプトを foo.js というファイル名でテーマ内の js ディレクトリに保存した場合
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'foo', get_stylesheet_directory_uri() . '/js/foo.js' );
で有効になるはずです。
teckingさん
ありがとうございます。
1点ご質問なのですが
今 既存のダウンロードしてきたワードプレステンプレートでは
<?php
/* Javascript */
wp_enqueue_script(‘jquery’); // jQuery including by wordpress
wp_enqueue_script(‘XXXXXXXX’); // XXXXXXXX
wp_enqueue_script(‘XXXXXXXX’); // XXXXXXXX
wp_enqueue_script(‘XXXXXXXX’); // XXXXXXXX
wp_enqueue_script(‘XXXXXXXX’); // XXXXXXXX
?>
このように XXXXXXには有名どころで言えばNivoスライダーなどが入っているのですが、
1:この記述を省いていい時と悪いときの違いについて
wp_enqueue_script( ‘foo’, get_stylesheet_directory_uri() . ‘/js/foo.js’ );
のような記述がないありません。
2:スクリプトがファイル名だと理解したのですが
今のテンプレートのjsフォルダー内の実際ファイル名は
jquery.foo.min.js
のような感じになってます。
1.2ともにどちらでもいいものなのでしょうか?
※ちなみに一回 JQUERYを記述してみましたが動きませんでした・・・笑
もう少し頑張ってみます。
1:この記述を省いていい時と悪いときの違いについて
wp_enqueue_script( ‘foo’, get_stylesheet_directory_uri() . ‘/js/foo.js’ );
のような記述がないありません。
wp_enqueue_script() の第2引数がないものは、あらかじめ wp_register_script() でハンドルとスクリプトファイルが紐づけられているはずです。テーマの functions.php にその記述がありませんか?
結果としてはどちらも同じになるのですが(おそらく)、テーマ内の複数の箇所でスクリプトを呼び出すのであれば、あらかじめ wp_register_script() でスクリプトファイルを登録しておくのがいいかもしれませんね。
今のテンプレートのjsフォルダー内の実際ファイル名は
jquery.foo.min.js
のような感じになってます。
追加したスクリプトファイルは foo.js のようなファイル名でかまいません。*.min.js というのは、改行やインデントなどをカットしてファイルサイズを小さくした「圧縮版(minify)」を示しているものですので。
※ちなみに一回 JQUERYを記述してみましたが動きませんでした・・・笑
おそらくjQueryの noConflict 問題でしょうね。
詳細はググっていただければとおもうのですが(すみません)WordPressに内包されているjQueryを使う場合、ネット上で流通しているスクリプトをそのまま記述してもサクっと動かないケースがしばしばあります。
例示されたサイトのスクリプトをWordPress内のjQueryで実行したい場合、以下のようにすればうまくいくかとおもいます。
jQuery(document).ready(function($) {
$('.nav').hover(function(){
var nav = $(this).find('li').length;
$(this).animate({'height':24 * nav + 'px'},'fast');
},function(){
$(this).animate({'height':'24px'},'fast');
});
});
teckingさん
ありがとうございます!
function.phpの中に wp_register_script() を
発見しました。
こちらを作成し、
わざわざ最後に作って頂いたもので実施してみます。
そして再度 勉強してみます。
ありがとうございました!
functions.php に発見できてなによりです。
うまくいったら、本トピックを「解決済み」にして閉じておいてくださいね。