图像没有出现在WordPress自定义主题上

时间:2014-01-05 20:18:29

标签: wordpress image

我安装了自定义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

1 个答案:

答案 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到样式表文件。