Question

我相信我已经正确地在html中为我正在开发的（超基本）wordpress主题提供了一个图像;但它仍然无法显示。

此对话： Img Src on local computer 显示到目前为止的过程（我已经确信html是正确的。）

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'）没有显示，我将非常感激！

Answer 1

在img元素中，src属性应该如下所示

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

所以基本上完整的图片网址将是：

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

Answer 2

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

不要在PHP中使用“http://www.yoursitename.com/”进行编写，他们无法找到源代码。

Img Src正确，但仍然无法在index.php中工作

2 个答案: