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

news/2024/5/17 11:26:12/文章来源:https://blog.csdn.net/weixin_39901077/article/details/110463964

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

000170773355439487bc712827012bfd

图一

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

4eafdeca30b4488cb7f0a41aee38b285

图二

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

422f081669a34d9f8a80b76570fa66d8

图三

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

5482b956b5c742f1ab3d1f521615899f

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

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

79d93888ece94b109cc7cdd7cd46959c

图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文件有时候备份也没用已经永久修改了网站,所有要特别小心操作这个文件,刷新缓存后果然图片可以在网站显示了。

95348319082a4899ac126c856ee48325

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_807462.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux 卸载redis_大数据学习路线,从Linux基础到大型网站高并发处理项目实战

相信大家在学习大数据的时候都不知道怎么来学习,因为知识点太多了,也太杂了,没有一个系统的路线来引导大家学习. 为了解决大家这个困惑,小编整理了从Linux基础到大型网站高并发处理项目实战的学习路线和知识点,希望大家…

经典flash_市面80%的模板站网站还都是flash,即将面临打不开的风险

最新消息:Adobe公司宣布,2020年12月31日,今年的最后一天,将是其旗下产品Flash Player生命终结之日,也就是 End-Of-Life Date。提到flash player相信大家绝对不陌生,无论是我们曾在网页播放器内满怀期待的观…

怎样将优酷网站下载的视频KUX转MP4格式

在休息之余,相信大多数人都会拿手机看电视剧听音乐之类的,最近拍了很多的新片子:《毒液:致命守护者》、《无名之辈》、《亡命救赎》《影》等等优质电影,但是很多的电影都只能在电影院观看的,如果不去电影院…

这些资源网站为什么能获得5万知乎大佬推荐,而我错失了什么吗?

现在很多朋友可能只要是一听到资源网站,想必就会好奇是什么网站,用用看是不是由说的那么厉害!其实资源网站给我们的诱惑是在是太大了,其主要原因是可以帮助我们搜索到很多意想不到的资源! 为了回应大家的需求&#xff…

oracle linux zfs,测试数据及结论分析(5) - Linux平台ZFS-FUSE与EXT4、Btrfs大比拼_Linux新闻_Linux公社-Linux系统门户网站...

最后一项测试,使用 IOzone 读取 8GB 数据中,ZFS-FUSE 的磁盘读取性能结果实际上和 EXT4 和 Btrfs 相近,不过那是因为 ZFS 模块在读取时使用了缓存的缘故。鉴于一些 Phoronix Premium成员要求在文件系统测试中同时提供 CPU 占用的结果&#xf…

mysql数据库优化课程---7、网站的搜索技术怎么选

mysql数据库优化课程---7、网站的搜索技术怎么选 一、总结 一句话总结: 1.量很小(像小网站)---like 2.量大一点()---标签 3.量超级大(像百度)---搜索引擎 1、数据库中取一列比取*要快给了我们什…

java常用网站有哪些类型有哪些类型_java常用的数据类型有哪些

java基本数据类型就8种,记住就好了。除了这些都是引用型的了。java常用的数据类型介绍:(推荐:java视频教程)java四类八种基本数据类型第一类:整型 byte short int long第二类:浮点型 float double第三类:逻…

linux隐藏文件怎么运行,Linux下如何隐藏文件_网站服务器运行维护

linux系统怎样安装软件_网站服务器运行维护linux系统安装软件的方法:1、使用apt命令进行安装,如【apt install app_name】;2、使用rpm命令进行安装,如【rpm -i app_name.rpm】。这篇文章主要介绍了Linux下隐藏文件方法&#xff0c…

python自动下载安装numpy_[Python]自动、使用镜像网站自动和手动安装Numpy

直接安装numpy模块在cmd输入直接pip install numpy若出现报错:ou are using pip version 18.1, however version 20.2.2 is available. You should consider upgrading via the ‘python -m pip install --upgrade pip’ command.根据提示:您使用的是pip…

大型网站架构技术

大型网站的挑战主要来自庞大的用户,高并发的访问和海量数据,任何简单的业务一旦需要处理数以P计的数据和面对数以亿计的用户,问题就会变得棘手。大型网站架构主要就是解决这类问题。1 前端架构前端指的是用户请求到达网站应用服务器之前经历的…

宝塔linux优化wordpress,宝塔面板搭建的WordPress网站,如何进行服务器缓存优化 ?...

宝塔面板搭建的WordPress网站,如何进行服务器缓存优化 ?首先安装好必要的web环境,那么我们开始安装缓存了,有三个是必装的,这里以安装Wordpress建站为例。1.PHP版本我们最起码选择7.0以上的版本,越高越好&a…

网站云服务器需要数据库吗,网站云服务器需要数据库吗

网站云服务器需要数据库吗 内容精选换一换云数据库RDS服务支持开启公网访问功能,通过弹性公网IP进行访问。您也可通过弹性云服务器的内网访问云数据库RDS。准备弹性云服务器或可通过公网访问云数据库RDS。通过弹性云服务器连接云数据库RDS实例,需要创建一…

这些免费的网络工程师资源网站,收藏起来,一年省下好几个W

授人以鱼,不如授人以渔。我收集了一些互联网相关论坛或网站,大家有其他好用的也可以在评论区补充! 哔哩哔哩(网工学习教程) 头条(资料、技术推文) 学知网(教材下载) TelReading社区 (综合、传输技术) CSNA&#x…

Java网络编程从入门到精通(3):为什么不能直接通过IP访问网站

本文为原创,如需转载,请注明作者和出处,谢谢! 上一篇:Java网络编程从入门到精通(2):创建InetAddress对象的四个静态方法 在《创建InetAddress对象的四个静态方法》一文中通过getAll…

发布网站时自动切换connectionString

1,安装 Web Deploy Projects2,在VS里右击Web项目, Add Web Deployment Project, 确定3,设置新添加的项目的属性. 其中的"Compilation"页中 Output Path即为要发布到的目录.4,在项目属性的Deployment页中,选中"Enable Web.config file section replacement"…

SNS网站盈利十八般武艺闯江湖

毫无疑问,SNS是现在互联网世界里最闪耀的“明星”,去年5月才成立的开心网,不到半年用户就从零扩展到千万级别。在几年前的门户时代,这个数字至少要花上个三四年。 开心网的外国师傅FaceBook,其创始人兼首席执行官马克扎…

大型网站框架的演变

大型网站框架的演变 之前也有一些介绍大型网站架构演变的文章,例如LiveJournal的、ebay的,都是非常值得参考的,不过感觉他们讲的更多的是每次演变的结果,而没有很详细的讲为什么需要做这样的演变,再加上近来感觉有不少…

DNS原因导致的不能访问网站问题一例

友情提示:大家可以了解下以下在这次问题解决中用到的一些技术名词:智能DNS和BGP了。双线及策略路由。公司的业务发展很快,在偶的老家郑州市和河南建业合作开了新的房产项目,而且二七塔附近的华联商厦亦在我们的管理之下。基于此&a…

您的网站需要做SEO(搜索引擎优化)吗?

站点访问量的第一来源是搜索引擎。搜索引擎是目前为止用户寻找信息、产品、服务的最主要的方式,网站将近90%的流量来自搜索引擎。搜索引擎优化作为网站推广的一种方式较其他形式的线上或线下营销模式而言是投资回报率最好的。 传统的广告形式只是将您的产品或…

Asp.Net4.0/VS2010新变化(4):SEO的改进

asp.net4.0的webform中,对于Page对象新增加了二个属性:MetaKeywords,MetaDescription 后端代码上,写法也更简单,以前可能需要这样写: this.Header.Controls.AddAt(0, new HtmlMeta() { Name "keywords", C…