产品图片不能显示

最近一段时间,独立站https://cuddlepets.net部分产品展示页面的图片不能显示,导致页面布局混乱,如下图所示:

cuddlepets.net product details abnormal page

经排查,不能显示的图片为外链图片,应该是存储这些图片的服务器开启了防盗链功能。

cuddlepets.net product details page test

解决这个问题的方法就是把被block的外链图片全部下载并保存到本地服务器,然后将产品展示页的图片替换为本地服务器的图片。使用Wordpress插件nicen-localize-image可方便地替换产品描述中的外链图片进行处理,但是产品相册和变体图片这个插件不能处理,需要手动操作。这是因为nicen-localize-image 插件的核心逻辑是基于 WordPress 的 文章内容(the_content 进行正则匹配和替换。产品相册(Gallery)变体图片(Variations)通常存储在 WooCommerce 的元数据(Post Meta)中,并不直接存在于文章内容的 HTML 文本里。因此,插件“看”不到这些图片链接,自然也就无法下载和替换。

经过半天的处理,产品展示页面终于恢复了正常,恢复后的页面如下图所示:

cuddlepets.net product details normal page

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部