WordPress - 链接HTML中的图像无法工作

Question

我正在使用WordPress创建网站，目前正在尝试在标题栏上使用文本小部件插入HTML以放置社交媒体按钮，但图片未显示，我想知道是否与文件权限有关，因为在开发网站时我正试图上传一个标题图片，却出现了“无法创建目录[目录名称]，其父目录是否可写入服务器？”的错误。所以我进入终端并输入sudo chmod -R a+w /Applications/XAMPP/xamppfiles/htdocs/sitename/wp-content/解决了我的上传问题。

我正在本地开发，当我使用外部网站作为图片的src时，它会在我的网站上显示按钮。

我的图片存储在：/Applications/XAMPP/xamppfiles/htdocs/sitename/wp-content/myimages/ 网站文件位于：/Applications/XAMPP/xamppfiles/htdocs/sitename/wp-content/themes/twentyfifteen-child/ 现在src链接应该是：src="../../myimages/instagram.png"，但它并不是我已经尝试过其他变化，甚至使用从/ Applications 开始的完整链接

所以我的问题是：这确实是一个文件权限问题吗？如果是的话，我应该使用什么权限，如何输入？如果与权限无关，还能做些什么来纠正此问题？

- Smush

---

我不确定我是否正确理解了你的问题，但我建议：1.请检查"myimages"权限 2.为什么不使用例如主题目录 <?php echo get_template_directory(); ?> 或媒体库目录来存储图像？ - meck373

如果您检查元素时发现图像未显示，则会出现一个链接...将该链接复制到URL中，您能告诉我们那个URL在说什么吗？或者在检查元素中没有任何内容吗？ - Vijay Lal

Answer 1

无论是“/wp-content/myimages/img1.png”还是通过CMS中的媒体上传直接上传图片，然后从那里获取URL。这样可以更快地完成。

- Tony Ray Tansley

---

谢谢，我已经使用了CMS媒体上传器，但我用于img src的链接是不正确的，我使用的是../../myimages/instagram.png，但CMS媒体上传器给了我链接http://localhost/sitename/wp-content/myimages/instagram.png。 - Smush

Answer 2

您将成功获取图像，请尝试以下操作：

在您的文本小部件中，请尝试传递文件路径，如下所示：

<img src="http://www.sitename.com/wp-content/myimages/img1.png" />

在此之前，请确认图像位置以将图像路径加载到浏览器中 http://www.sitename.com/wp-content/myimages/img1.png

我相信这会有所帮助！

- Anand