Img Src File path issue

时间：2013-08-14 作者：excessive34

为了在HTML中使用img src时正确加载图像，我必须给出整个文件路径。使用CSS我只需要使用：

`background-image: url(images/morebutton.png)`
对于img src，我必须使用：

<img src="wp-content/themes/blankslate/images/morebutton.png">
使用此文件路径可以在主页上显示图像，但是当我点击文章页面时，图像不会加载。。我的徽标也有同样的问题，它显示在主页上，任何其他页面都没有显示。

有人能告诉我我的文件路径设置是否不正确吗？

3 个回复
最合适的回答,由SO网友:Kumar 整理而成

如果您的文件路径设置不正确，您需要在img src中提供图像加载到其他页面的绝对路径，因为相对路径将更改为，

 http://yourwebsite.com/page/wp-content/themes/blankslate/images/morebutton.png
相反，它应该是

http://yourwebsite.com/wp-content/themes/blankslate/images/morebutton.png
因此，您应该在函数中定义一个常量。php获取图像目录的路径，然后在img src中使用它。

  if( !defined(\'THEME_IMG_PATH\')){
   define( \'THEME_IMG_PATH\', get_stylesheet_directory_uri() . \'/images\' );
  }
然后您可以使用img标记作为

 <img src="<?php echo THEME_IMG_PATH; ?>/morebutton.png" alt=""/>
那会解决你的问题。您可以在主题中的任何位置使用常量，使用起来很方便。

SO网友:joshrathke

尝试以下操作：

<img src="<?php echo get_bloginfo( \'template_directory\' ); ?>/images/morebutton.png" />
我通常让WordPress尽可能地引导流量，以避免任何冲突。始终查看内置在核心中的预定义函数肯定也更容易。

SO网友:IXN

您可以使用此相对路径：

<img src=\'/wp-content/themes/blankslate/images/morebutton.png\'>
The/ 在路径告诉浏览器转到根目录并搜索wp content文件夹之前，从那里开始。

或者，您可以始终在中使用绝对url路径img src.喜欢

 <img src=\'http://yourdomain.com/wp-content/themes/blankslate/images/morebutton.png\'>
另请参见here how to move up or down 相对路径的初始文件夹

结束
标签： images   小码农  

相关推荐

Resize uploaded images

Possible Duplicate:Resizing all images 我有一个我建立的新闻门户，客户想要不同大小的特色图片。我已经准备好了我想要的第一个尺寸，他们已经发布了大约200多篇帖子，都准备好了这个尺寸。现在，如果我改变大小，它只会在新帖子上改变/或重新上传当前的特色图片（手工操作太多了）。我的问题是，有没有办法调整上传图像的大小？