2013-03-02 94 views
0

我相信我正確地在html中爲我正在開發的(超基本)wordpress主題提供了一個圖像;但它仍然不顯示。Img Src正確,但仍然不能在index.php中工作

這種對話:(其中我已經放心的HTML是正確的) Img Src on local computer 顯示進程迄今

體的index.php:

<?php 
    $main_menu_column_top = array(
     'theme_location' => 'main-nav-column-top', 
     'container' => 'nav', 
     'container_class' => 'alignleft widecol', 
     'container_id' => 'column-main-nav', 
     'depth' => 1 
    ); 
?> 

<div class="leftcolumn"> 
    <div class="logo"> 
     <a href="http://www.petermaurin.com"> 
     <img src="images/pmsplogo.jpg" alt="Peter Maurin Screenprinters"/></a> 
    </div><!--logo--> 

    <div> 
     <ul> 
      <h1><?php wp_nav_menu ($main_menu_column_top); ?></h1> 
     </ul> 
    </div> 
</div> 

<div class="maincontent"> 

    <?php 
     if (have_posts()) : 
      while (have_posts()) : 
       the_post(); 
       the_title(); 
       the_content(); 
      endwhile; 
     endif; 
    ?> 

    </div><!-- maincontent --> 

的functions.php:

<?php 
register_nav_menus(
     array(
     'main-nav-column-top' => 'Main Nav, Top of Header', 
     'sub-nav-column-bottom' => 'Sub Nav, Bottom of Header', 
     'footer-nav' => 'Footer Menu' 
    ) 
); 

CSS:

* { 
margin: 0; 
padding: 0; 
} 

p { 
font-family: Times New Roman; 
} 

body { 
    font-size: 100%; 
    font-family: sans-serif; 
    background: url(images/tshirttexture.jpg) left repeat-y #0099ff; 
} 

.leftcolumn{ 
    width:365px;  
    float:left; 
} 

.maincontent{ 
    background-color:green; 
    margin-left: 375px; 
    max-width: 600px; 
} 

...如果任何人都可以看一下,讓我知道爲什麼我的圖像(index.php 26行'pmsplogo.jpg')沒有顯示,我會非常感激!

+0

請求URL:http://www.filedropper.com/leftcolumn 請求方法:GET 狀態代碼:404未找到?? – Oliver 2013-03-02 03:43:58

+0

愚蠢的問題,但圖像/ pmsplogo.jpg'存在? – GordonsBeard 2013-03-02 03:46:04

+0

我已將代碼添加到您的問題中。請在將來這樣做,因爲SO上的問題應該是獨立的。如果具有類似問題的用戶查看此問題會發生什麼情況,但文件被刪除?他們會走運。因此,爲什麼你在問題中包含代碼,而不是臨時文件。 – Daedalus 2013-03-02 04:33:56

回答

2

在img元素的src屬性應該是這樣的

<?php bloginfo('template_url');?>/images/pmsplogo.jpg 

所以基本上完​​整的圖像URL將是:

<img src="<?php bloginfo('template_url');?>/images/pmsplogo.jpg" alt="Peter Maurin Screenprinters"/> 
+0

好的!這就是訣竅!謝謝謝謝! ...任何機會,你可以向我解釋爲什麼這個作品,但 src =「images/pmsplogo.jpg」沒有? (這對我來說適用於不涉及wordpress的普通HTML文檔。) – 2013-03-02 06:13:40

+0

函數'<?php bloginfo('template_url');?>'獲取模板url。在此之後,您可以在主題中手動添加圖像的位置。在這種情況下'/ images/pmsplogo.jpg'。注意'images'之前的'/'很重要。你只能使用這個函數'bloginfo('template_url');'當你在做Wordpress主題時。 – 2013-03-02 06:21:09

+0

好的 - 謝謝! - Greg – 2013-03-02 11:47:25

0
<img src="<?php echo 'dirname(__FILE__)'.'/images/pmsplogo.jpg'?>" /> 

不要用 「http://www.yoursitename.com/」 用PHP編寫,他們找不到它的來源。

+0

剪切和粘貼,上面提供的代碼不會生成圖像。我需要以某種方式改變它嗎? – 2013-03-02 05:59:25

+0

嘗試更改爲'Peter Maurin Screenprinters'。 – 2013-03-02 06:11:28

相關問題