如何在index.php中显示图像

时间:2012-09-09 10:45:25

标签: wordpress

我有模板它工作正常没问题。

当我尝试将themplate转换为主题wordpress时,我将所有内容复制到 index.php主题内容我得到了以下代码:

<ul>
                                <li>
                                    <div class="box-1">
                                        <img src="images/page1-img1.jpg" alt="" /> <a href="#">bora-bora</a>
 <span>from $458</span> 
                                        <p>Praesent vestibulum aenean
                                            <br>nonummy hendrerit mauris.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="box-1">
                                        <img src="images/page1-img2.jpg" alt="" /> <a href="#">Hawaii</a>
 <span>from $458</span> 
                                        <p>Praesent vestibulum aenean
                                            <br>nonummy hendrerit mauris.</p>
                                    </div>
                                </li>

图像不会显示在屏幕上。

我可以在网址中看到我的主题:`http://127.0.0.1/www/www1/wordpress/Heb/wordpress/

看到我能用完整路径看到的img:

http://127.0.0.1/www/www1/wordpress/Heb/wordpress/wp-content/themes/yossi_theme/images/page1-img1.jpg

如果我在图片上单击鼠标右键,我看不到,并复制目标网址,我得到了地址:

http://127.0.0.1/www/www1/wordpress/Heb/wordpress/images/slide-1.jpg

和错误:The requested URL /www/www1/wordpress/Heb/wordpress/images/slide-1.jpg was not found on this server.

我应该在这里更改<img src="images/page1-img1.jpg" alt="" />以显示img?

非常感谢。

2 个答案:

答案 0 :(得分:1)

因为您说图像的完整路径是

http://127.0.0.1/www/www1/wordpress/Heb/wordpress/wp-content/themes/yossi_theme/images/page1-img1.jpg

然后你可以试试这个

<img src="<?php echo get_template_directory_uri()?>/images/yourImageName.png" alt="" />

而不是

<img src="images/yourImageName.png" alt="" />

get_template_directory_uri()将返回theme文件夹的路径,即

http://127.0.0.1/www/www1/wordpress/Heb/wordpress/wp-content/themes/yossi_theme

答案 1 :(得分:0)

如果此图片是布局的一部分(不是内容的一部分),您可以使用整个路径(例如http://localhost/image.jpg)或将其放在主题目录中(比方说,{{1}然后使用[your theme]/images

如果这是您内容的一部分(帖子,页面,等等),请通过WordPress管理员上传此文件并将其放在那里。