在本地开发WordPress网站时,无法显示图片吗?

时间:2017-08-12 作者:AndyGUY

我目前正在尝试使用XAMPP在WordPress本地创建一个网站,我已经创建了一个网站,但我无法像在主机上开发时那样显示图像(这是我第一次在本地开发WP)

通常,内部wp-content 我创建了一个名为imgs 然后在我的代码中我只使用

src="/wp-content/imgs/whatever.png"
但这不起作用。当我检查google chrome中的元素时,文件夹甚至不存在。我试过看permalinks还有一些.htaccess 但是没有用。如果能帮我把图像处理好,那就太好了

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

使用相对路径时,如/some/path/here.jpg, 而你在www.example.com, 浏览器将查找

www.example.com/some/path/here.jpg
这是不存在的。但您可能已经注意到,可以在CSS文件中使用相对路径。这是因为路径是根据CSS文件的位置计算的,而在您的情况下,图像是根据当前URL的位置计算的。

主题的主CSS文件位于your-theme/style.css. 您可以在样式表中构建相对路径,例如../imgs/whatever.jpg 在CSS文件中指向wp-content/imgs/whatever.jpg. 但是,不建议将任何文件存储在上载目录或主题之外。

您可以做的是使用核心函数创建完整的动态路径。例如get_template_directory_uri(); 将获取当前主题的路径,以便您可以在图像的src中使用:

src="<?php echo get_template_directory_uri();?> /imgs/whatever.png"
获取wp-content\'s URL,您可以使用content_url();.

结束

相关推荐

Featured images get shrunken

上传特色图片时,我遇到的问题是,所有图片都会自动缩小。我想保留原始图像。检查this example. 所有员工的图片都会自动缩小,但在特色图片中,我上传了员工的完整图片。我认为图像太大,wordpress会自动缩小图像,因此,我在媒体库中缩放并裁剪了图像。一些图像已修复,但一些图像仍然存在问题。有没有一种方法可以让原始上传的图像按原样显示?