锐客网

  1. 首页 > 睿知 > it技术 > >

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

问答IT知识WordPress开发网站开发WordPressphp函数文件夹图像主题

我是WordPress的新手, 对于如何在主页中的主题目录的子文件夹中插入图像, 我存在以下疑问。
因此, 我遇到以下情况：进入我的自定义主题目录, 我有以下文件夹, 其中包含jpg图片：/assets/img/flexslider/flex-1.jpg
现在在我的header.php文件中, 我会看到以下内容：

< li> < img src="http://www.srcmini.com/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=http://www.srcmini.com/< ?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="http://www.srcmini.com/< ?php echo get_template_directory_uri(); ?> /assets/img/flexslider/flex-1.jpg" />

如果你的资产文件夹位于主题内。
#2请试试 ：
< img src="http://www.srcmini.com/< ?php print(get_template_directory_uri()); ?> /assets/img/flexslider/flex-1.jpg" />

【如何正确使用WordPress函数get_template_directory_uri()加载主题的子文件夹中的图像（）】只需检查斜线是否正确, 如果在” assests” 之前加倍, 则删除静态斜线。
#3你还可以使用：
< img src="http://www.srcmini.com/< ?php bloginfo('template_url'); ?> /images/yourimage.jpg">

    推荐阅读


    上一篇：如何更改contact form 7动态重定向URL

    下一篇：如何为每个contact form 7创建一个邮件计数器