鏈接到圖像不工作崇高2

我正在與WordPress的並試圖開發自定義主題。我使用Sublime2 IDE進行編碼。我正在Chrome中測試。鏈接到圖像不工作崇高2

我很難讓圖像出現在瀏覽器中。我並不陌生，HTML，似乎無法找出原因，下面的代碼是不工作...

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

該文件位於一個文件夾名稱「圖像」，這是在同一個目錄中的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

來源

2013-04-24 Javacadabra

按F12鍵，點擊**網絡**標籤，按**底部的圖片**，看看爲什麼你的請求失敗。 – Blender 2013-04-24 23:03:51

@Blender它給404錯誤沒有找到...沒有意義，因爲我知道肯定該文件在該文件夾中... – Javacadabra 2013-04-24 23:05:25

你確定WAMP的用戶可以訪問該文件嗎？ – Pigueiras 2013-04-24 23:05:55

您使用的是相對URL。讓它絕對：

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

相對URL是相對於當前的URL，因此，如果你在http://localhost/login，並要求images/twitter.png，你會得到http://localhost/login/images/twitter.png。

來源

2013-04-24 23:43:33 Blender

我試過了，仍然是相同的結果。 – Javacadabra 2013-04-24 23:47:42

其實你的答案確實爲我解決了。我不得不稍微調整鏈接以使其工作。這是我的鏈接：'/ wordpress-testing/wordpress/wp-content/themes/j2-fed/j2-theme-static-html/images/social/twitter-lg.png' – Javacadabra 2013-04-24 23:50:57

聽起來像問題是在路徑中。 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部分，不確定。

希望這會有所幫助。

來源

2013-04-25 01:15:38

鏈接到圖像不工作崇高2

回答

相關問題