我安装了自定义WordPress主题,我的图像被引用如下:
的index.php:
<img src="images/newlogo.png" height="110px" width="400px"/>
我的images
文件夹与我的index.php
相对,我已将其包含在上面的代码中。
我在浏览器中渲染网页时未显示我的图片,而是显示未找到默认图片的拇指。
图片文件路径:
wp-content/themes/my-theme/images/newlogo.png
主页(index.php)文件路径:
wp-content/themes/my-theme/index.php
答案 0 :(得分:2)
您的index.php
是一个模板,将由WordPress的主要入口点(位于/index.php)及其背后的代码加载;因此,其网址不会是...wp-content/themes/my-theme/index.php
。您应该使用WordPress方法get_stylesheet_directory_uri()
从任何主题模板文件中查找主题的目录。
例如:
<img src="<?php echo get_stylesheet_directory_uri() ?>/images/newlogo.png" height="110px" width="400px"/>
基本上,来自网页的图像的任何相对路径都被视为相对于该网页的URL。但是,使用WordPress模板,您无法确切知道实际的网址是什么 - 您的index.php
模板可能(可能将)用于您网站上的许多不同网页,在许多不同的URL。它可以在顶层用于/about
的页面,也可用于/blog/2014/01/05/typical-blog-post
的条目。
WordPress处理构建URL并适当地加载模板文件。但这意味着您不能依赖于您正在编写的模板的URL作为常量。相反,WordPress提供了一系列函数,如get_stylesheet_directory_uri()
,可让您根据需要抓取并输出正确的URI到样式表文件。