圖片沒有顯示在WordPress的自定義主題了

Question

我有一個自定義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 

Answer 1

你index.php是將由WordPress的主入口點加載的模板（在的index.php）和它背後的代碼;因爲它的URL不會是...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模板可能（可能爲將）用於網站上許多不同的網頁，網址可能不同。例如，它可以在頂層用於​​的頁面，也可以用於/blog/2014/01/05/typical-blog-post的條目。

WordPress處理這兩個操作都可以構建URL並將您的模板文件加載到適當的位置。但這意味着你不能依賴你寫的模板的URL是一個常量。相反，WordPress提供了一系列功能，如get_stylesheet_directory_uri()，以便您根據需要抓取並輸出正確的URI到樣式表文件。