0

我正在使用 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
4

2 回答 2

1

您正在使用相对 URL。使其绝对：

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

相对 URL 是相对于当前 url，所以如果你在http://localhost/login并且 request images/twitter.png，你会得到http://localhost/login/images/twitter.png.

于 2013-04-24T23:43:33.837 回答
1

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

一种更常见且可能是“最佳实践”的方法是使用 PHP 使您仍然可以使用相对 URL，这些 URL 与您的主题目录相关。

试试这个：

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

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

希望这会有所帮助。

于 2013-04-25T01:15:38.137 回答