如何正确使用 get_template_directory_uri() WordPress 函数加载主题子文件夹中的图像？

Question

我是 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>

显然，当我加载页面时，图像 flex-1.jpg 没有加载，因为没有正确的路径（事实上使用 FireBug 我得到它尝试加载 assets/img/flexslider/flex-1.jpg 图像）所以我认为我可以使用绝对路径，但这很糟糕！！！

所以我正在考虑使用 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="">

为什么不工作？我错过了什么？

发件人

安德烈亚

原文由 AndreaNobili 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我希望它会起作用：

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

如果你的资产文件夹里面的主题。

原文由 Anjana 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

请尝试 ：

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

只需检查斜杠，如果在“assests”之前加倍，则删除静态斜杠。

原文由 Pranay Bhardwaj 发布，翻译遵循 CC BY-SA 3.0 许可协议