web-dev-qa-db-ja.com

私のテーマのサブフォルダにある画像を読み込むためにget_template_directory_uri()を使用する方法?

私はWordPressがかなり新しくなったので、自分のホームページにサブフォルダ内の画像を自分のテーマディレクトリに挿入する方法について次のような疑問を抱いています。

だから私は次のような状況があります:私のカスタムテーマディレクトリに私はjpg画像を含む次のフォルダがあります: /assets/img/flexslider/flex-1.jpg

今私の header.php ファイルで私はこのようなものがあります:

   <li>
       <img src="assets/img/flexslider/flex-1.jpg">
       <div class="flex-caption">
           <p class="flex-caption-text">
               <span>Lorem ipsum</span><br>
               <span>sit dolor</span><br>
               <span>adipiscing elitur</span>
           </p>
       </div>
   </li>

明らかに、私がページをロードするとき、正しいパスがないため、immage flex-1.jpg はロードされません(FireBugを使用すると、 assets/img /をロードしようとします)。 flexslider/flex-1.jpg immage)絶対パスを使用できると思いますが、これはかなり手ごわいです。

それで、私はこれを行うためにWPから提供される get_template_directory_uri() 関数を使うことを考えています、そして私はこのように前のコードを変更しようとしました:

   <li>
       <img src=<?php get_template_directory_uri().'/assets/img/flexslider/flex-1.jpg' ?>>
       <div class="flex-caption">
           <p class="flex-caption-text">
               <span>Lorem ipsum</span><br>
               <span>sit dolor</span><br>
               <span>adipiscing elitur</span>
           </p>
       </div>

しかし動作しないで FireBug を使っても何もロードされないことがわかります。

<img src="">

なぜうまくいかないのですか?何が足りないの?

TNX

アンドレア

1
AndreaNobili

あなたはそれをエコーするべきであり、またあなたはあなたのphpタグを不適切に閉じています。何らかのアイデアを得るために生成されたO/Pのソースを表示します。

<img src="<?php echo get_template_directory_uri(); ?>/assets/img/flexslider/flex-1.jpg"/>

あるいは、 bloginfo を使うことができます。

<img src="<?php bloginfo('template_url'); ?>/assets/img/flexslider/flex-1.jpg"/>
2
Raja67