wp_enqueue_scriptの使い方

tkj_tkjさん

○今　考えていること
　上記サイトにあるＪＱＵＥＲＹのコードをファイル化して
　識別名をつけて呼び出すのかなぁ・・・と考えてますが

そのとおりでオッケイですよ。

Codexの wp_enqueue_script の項（英語ですが）もご参照いただければとおもいますが、たとえば当該のスクリプトを foo.js というファイル名でテーマ内の js ディレクトリに保存した場合

wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'foo', get_stylesheet_directory_uri() . '/js/foo.js' );

で有効になるはずです。

１：この記述を省いていい時と悪いときの違いについて

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の 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');
	});
});

functions.php に発見できてなによりです。

うまくいったら、本トピックを「解決済み」にして閉じておいてくださいね。