2013-03-02 80 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

相关问题