如何正确使用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"> 

来源:

https://www.srcmini02.com/66532.html

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?