如何正确使用WordPress函数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我发现它尝试加载资产/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="">

为什么不工作？我想念什么？

特纳克斯

安德里亚

#1

我希望它能起作用：

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

如果你的资产文件夹位于主题内。

#2

请试试 ：

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

只需检查斜线是否正确, 如果在” assests”之前加倍, 则删除静态斜线。

#3

你还可以使用：

<img src="<?php bloginfo('template_url'); ?>/images/yourimage.jpg">