wordpress媒体库图片不显示

您的网站图片也不显示?禁用响应式图片加载属性srcset和sizes吧

可能因为第一次有自己的网站所以更新网站兴趣比较高,没想到今天刚打开网站突然发现所有网站文章里的图片全部不能显示了,如图1

图一

但文章的预览图都还可以显示,而且进wordpress网站文章编辑后台也可以看到图片如图二

图二

甚至看到文章编辑源代码模式里图片路径地址也是对的,用的是又拍云存储的如图三所示

图三

但进网站前台页面的文章详情页面“勿忘初心,我第一个网站的第一篇文章”点击显示不了的图片属性右键路径却是wordpress本地地址路径的/wp-content/uploads/如图4所示,

但我明明本地电脑并没有图片存储,而是已经存在了又拍云存储服务器里,我的wordpress网站用的是又拍云的官网Hacklog Remote Attachment Upyun插件,上次文章封面图片无法显示找了很久才发现是又拍云存储我开启了Token防盗链的原因,后来关了就可以显示了,这次我又以为是这个原因,结果发现不是,要不然前几天为什么文章内部的图片可以显示为什么现在不显示了。一直觉得又拍云Hacklog Remote Attachment Upyun插件有很大的问题,不过一直没有能力升级,插件作者好像也不更新了。

为找不到wordpress前台文章显示不了图片而焦虑之际查看文章“勿忘初心,我第一个网站的第一篇文章”前端代码才发现图片路径后面莫名其妙了多了几种尺寸的属性如图5所示

图5

我是第一次见到这种情况,原来右键图片属性的路径在这里可以看到,一直搞不懂为什么会出现这种图片地址,后来才知道这2个是WordPress响应式图片属性srcset和sizes。为什么会出现这种情况,我想起来我在设置又拍云存储的开启了“WebP自适应”这种最新的图片格式,是这个原因导致的吗,生成自适应图片,还是因为我用的是最新版的wordpress导致的,到现在我还不知道。请网友帮我解答原因,谢谢。

找到了莫名其妙出现的WordPress响应式图片属性srcset和sizes怀疑就是他导致的网站前台显示不了图片的原因,那我如果去掉这个自动生成的WordPress响应式图片属性srcset和sizes是不是就可以显示网站图片了?修改wordpress我一直使用万能的主题Functions.php文件,当然主题Functions.php文件操作不当也很危险,我以后一定要写一篇wordpress主题Functions.php文件大全,它的功能太强大了,我在主题Functions.php文件中去掉响应式图片属性srcset和sizes的代码如下:

//禁止WordPress响应式图片加载属性srcset和sizes(webcart.top)

function disable_srcset( $sources ) {

return false;

}

add_filter( 'wp_calculate_image_srcset', 'disable_srcset' );

或者用代码:

//禁止WordPress响应式图片加载属性srcset和sizes(webcart.top)

add_filter( 'max_srcset_image_width', create_function( '', 'return 1;' ) );

保存,备份原来的functiaons.php文件有时候备份也没用已经永久修改了网站,所有要特别小心操作这个文件,刷新缓存后果然图片可以在网站显示了。

我不知道这算不算从根本上解决WordPress响应式图片属性srcset和sizes导致网站显示不了图片的问题,毕竟不管是又拍云存储“WebP自适应”还是响应式图片都是最新流行的图片应用,如今为了解决图片不了的问题而去掉这个属性功能是不是因人费事,还是有根本的解决之道?我这个半桶水希望专业的网友能帮我永久解决这个问题。希望高手跟我联系帮我解决这个问题。

WordPress媒体库插件FileBird无法导入数据、显示载入的解决方法

小编在 WordPress 中一直使用的媒体库插件 FileBird ,更新到新版本后,导入数据库失败且媒体库页面一直显示“载入中……”,导致无法使用。经过多种方法排除,终于找到问题所在。写篇文章留个记录,希望能帮到遇到同样问题的小伙伴。

辛路历程:

一开始以为是插件冲突,关闭其他插件无果;尝试回滚数据库无果;新建一个站测试可行,一脸懵逼,但是导入数据库,安装主题后又无法使用。

最后使用浏览器的无痕模式,为啥使用无痕模式?因为浏览器插件太多也有些报错代码,没那技术只能屏蔽到大部分问题在搞。再进入 WordPress 后台启用 FileBird 插件,进入媒体库直接打开浏览器的开发者模式,看到如下提示:

{"code": "rest_api_cannot_acess","message": "无访问权限","data": {"status": 403}}

额,当时吐血,想起来是接口被禁用。

所以问题根源就是 REST API 接口,这 FileBird 插件也没说要 REST API 接口啊!

小编使用的 WP 主题自带可禁用 REST API 接口的选项。看提示说“禁用WP自带的REST API功能,可以防止有人利用wp api 恶意请求等,建议不用小程序或者其他功能的情况下关闭”。

为了安全,哪知道关闭了出这幺蛾子?终于还是把问题给解决,没技术太痛苦!

最后安利一波:

插件可在 WP 后台插件商城搜索安装。

FileBird 是 WordPress媒体库文件夹分类插件,可以创建多级文件夹,且支持拖拽分类到文件夹,轻松管理各种文件,如图像、视频、音频、PDF、TXT、docx、等等

插件支持的语言有:中文简体、繁体、英语,西班牙语,意大利语,法语等。

文章来源 教程|WordPress 媒体库插件 FileBird 不能导入数据库、一直显示载入中的解决方法-角落吧博客