2012-01-05 14 views
1

Wordpress codexによれば、wp_head();閉じたヘッドタグの直前に配置する必要があります。<?php wp_head(); ?>は</head>の直前にある必要がありますか?

wp_head()の後にコードを挿入すると、できます。しかし、私はwp_head()の前に挿入します。それは空白スペースになります。それが空白になったときにFirebugのsaisを見るために画像を見てください。

これはコードです:

<link rel="stylesheet" href="flexslider/flexslider.css" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="flexslider/jquery.flexslider.js"></script> 

<script type="text/javascript" charset="utf-8"> $(window).load(function() { 
    $('.flexslider').flexslider({ 

     slideshow: true, 
     controlNav: false, 
     directionNav: false, animation: "slide",  slideshowSpeed: 4500, animationDuration: 600, 

      }); }); </script> 

のFirebug:enter image description here

それはどのように来るのですか?何か案は?

+0

'flexslider/jquery.flexslider.js'がロードされていますか?おそらく、絶対URLを使用するべきです。 –

+0

あなたが投稿したコードにはどちらも表示されません。 –

答えて

6

はい、wp_head()</head>より前にする必要がありますが、JavaScriptコードは</body>より前にする必要があります。

Javascriptは、DOMの最後に配置することを常にお勧めします。可能でない場合(例えば、特定のjavascriptをあなたのケースでは真ではないようですDOM、前にロードされなければならない)、</head>の前にそれを置くと

またwp_head();

EDITの後に、どのような私はあなたのケースでは、SEOのフレンドリーなURLを使用している場合は、メインのスクリプトがアクセスできない可能性があることに気づいた。絶対URLを指定する必要があります。

+0

私は本文にJavaスクリプトを入れ、CSSリンクと2つのスクリプトリンクをヘッダに保持する必要があるのですか?これは私がコードを入手した場所です:http://flex.madebymufffin.com/彼らはすべてがヘッダーにあるべきだと言います。 – Felix

+1

彼らは間違っています、javascriptは常にdomの終わり(ちょうどの前)にあるべきです(非常に特殊な場合を除いて)。そう、はい、あなたは頭の中にCSSを入れて、そのJavaScriptコードを本文の最後に移動する必要があります。 –

+0

とにかくwp_headとの間に置いても大丈夫でしょうか? – Felix

関連する問題