第二个博客摘录页上缺少小部件背景图像

时间:2015-05-11 作者:jodybethw

在我的主要博客页面上,左侧有分类图片。当我单击摘录列表底部的“下一页”并加载第二页摘录时,图像不再显示。这些图像直接在一个小部件中编码。知道我错过了什么吗?

主要博客页面:

http://bit.ly/1QCIV8A

代码(注意:我将url中的主题名称更改为“themename”,以在问题修复后保持匿名):

<div class="homecat" style="margin-top: 19px; height: 200px; line-height: 200px; margin-bottom: 20px; background: url(../wp-content/themes/themename/images/cat-craftideas.jpg); border: none;"><a href="../category/craft-ideas">craft ideas</a></div>
<div class="homecat" style="margin-top: 19px; height: 200px; line-height: 200px; margin-bottom: 20px; background: url(../wp-content/themes/themename/images/cat-party.jpg); border: none;"><a href="../category/party">party</a></div>
<div class="homecat" style="margin-top: 19px; height: 200px; line-height: 200px; margin-bottom: 20px; background: url(../wp-content/themes/themename/images/cat-printables.jpg); border: none;"><a href="../category/printables">printables</a></div>

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

如果查看浏览器的错误控制台,您将看到背景图像的404个错误,这将指出问题所在。

此URL:

../wp-content/themes/themename/images/cat-party.jpg
基本上是说,“从当前目录向上移动一个目录,然后从那里查看wp-content, 然后themes, 然后images, 等“。

这在头版上效果很好,但当您导航到/page/2/, 这个wp-content 向上导航一个目录时找不到目录。它正在以下位置查找您的图像:

/page/wp-content/themes/themename/images/cat-party.jpg
这是不存在的。

这就是为什么您需要在WordPress中为资产使用绝对URL或根相对URL,因为您无法知道内容的服务上下文,因此相对链接经常会失败。

结束

相关推荐

Page full of widgets?

有没有可能创建一个只有很多小部件的页面?我看到的大多数WP站点的小部件都在侧边栏中,但我想要一个只有小部件而没有其他内容的页面。我当前使用的主题允许我向页面添加列或表,但我不知道(在任何主题中)是否可以向这些列或表单元格添加小部件?