Question

我正在使用Wordpress并尝试开发自定义主题。我正在使用Sublime2 IDE进行编码。我正在使用Chrome进行测试。

我无法让图片显示在浏览器中。我对HTML并不陌生，似乎无法弄清楚为什么下面的代码不起作用......

<img src="images/social/twitter-lg.png" alt="Twitter Icon" title="J2 Design on Twitter">

该文件位于文件夹中，名称为“images”，与header.php位于同一目录中，正在尝试加载图像。

如果有人能帮助我，我会非常感激。我正在使用WAMP进行本地测试。

服务器响应

Connection:Keep-Alive
Content-Length:254
Content-Type:text/html; charset=iso-8859-1
Date:Wed, 24 Apr 2013 23:04:30 GMT
Keep-Alive:timeout=5, max=99
Server:Apache/2.4.2 (Win64) PHP/5.4.3

HTTP/1.1 404 Not Found
Date: Wed, 24 Apr 2013 23:04:30 GMT
Server: Apache/2.4.2 (Win64) PHP/5.4.3
Content-Length: 254
Keep-Alive: timeout=5, max=99
Connection: Keep-Alive
Content-Type: text/html; charset=iso-8859-1

Answer 1

您使用的是相对网址。绝对：

<img src="/wordpress-testing/images/social/twitter-lg.png" alt="Twitter Icon" title="J2 Design on Twitter">

相对网址是相对于当前网址的，因此，如果您位于http://localhost/login并请求images/twitter.png，则会获得http://localhost/login/images/twitter.png。

Answer 2

听起来问题就在路径上。 AS Blender要求，是的，您可以使用绝对路径，但是当您上传主题时，这当然必须更改。

更常见，也许是“最佳做法”方法是使用PHP使您仍然可以使用相对于主题目录的相对URL。

试试这个：

<img src="<?php bloginfo('template_directory'); ?>images/social/twitter-lg.png" alt="Twitter Icon" title="J2 Design on Twitter">

<?php bloginfo('template_directory'); ?>是PHP代码，它使您的相对URL相对于您的模板目录。如果您的头文件不在模板目录的根目录中，则可能需要更改路径的HTML部分，不确定。

希望这会有所帮助。

链接到图像不工作Sublime 2

2 个答案: