解答一个WordPress文章中插入图片的困惑

  • A+
所属分类:WordPress

解答一个WordPress文章中插入图片的困惑

最近有主题用户问:为什么查看插入到文章中的图片源代码与我博客的不一样,多出很多代码,例如下图:

解答一个WordPress文章中插入图片的困惑

第一张图源代码比第二张的多出很多代码。

这些多出的代码是WordPress 4.4版以后增加一个叫“图片多屏自适功能”,用于在不同屏幕大小的设备上显示不同尺寸的图片。

启用这个功能前提:

  1. 本地上传图片到媒体库,并直接插入图片。
  2. WordPress后台---设置---媒体库设置为:

解答一个WordPress文章中插入图片的困惑

只有这样才会启用这个功能。

禁止该功能

知道如何启用这个功能,禁用也就简单了。

方法一,把上图中的图像大小数值都设置为零,之后再上传图片并添加到文章中,就不会有多余的代码了。

注:对之前已上传到媒体库中的图片无效。

方法二,复制上传的图片链接地址,利用“从URL插入”添加图片,也不会启用该功能。

方法三,彻底禁用该功能,将下面代码添加到当前主题functions.php模板中:

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

结束语

WordPress这个功能初衷是好的,但个人认为有些鸡肋,如果媒体图像大小不设置为零,每次本地上传图片,都会生成多张不同尺寸的图片,浪费空间,也不利用以后空间文件整理,完全没必要的功能,可能只适合生活在资本主义社会的用户,主机空间根本不是问题。

另外,图片多屏自适功能自动添加的代码,对网站SEO什么的并没有任何影响,不必大惊小怪。

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:37   其中:访客  35   博主  2

    • avatar 寻金笔记 5

      噢噢噢噢,太笨啦。 :mrgreen:

      • avatar 寻金笔记 5

        方法三成功禁止,设置0好像不管用

        • avatar 产融贷p2p理财 0

          这个很实用啊。

          • avatar 哔哩福利 1

            今天刚研究了这个,为了修改主题的缩略图显示问题。

            • avatar 微部落博客 3

              我裁剪都是设置的0,要不发一张图能给你复制好多张,太浪费空间了

              • avatar 赵林IT 3

                感觉这个,设置了之后,也是在图片上传的根目录生成不同尺寸的图片吗?

                • avatar 赵林IT 3

                  特定检查了一下,默认的缩略图大小是300×300,查看媒体库后,也没看到不同尺寸的图片,有木有疑惑的呢?

                  • avatar 奋斗之路 1

                    Ality 0.33的图片延迟怎么关闭,貌似影响搜索引擎的抓取不能判别为图文形势。

                      • avatar 知更鸟 Admin

                        @奋斗之路 打开script.js文件
                        找到有这个注释那段
                        // 图片延迟
                        删除

                      • avatar 帅气小琦琦 5

                        缩略图方面一直设置的就是0 全部都是0

                        • avatar boke112导航 5

                          我平时就是用方法二实现,感觉这样做还可以不占用ID,挺好的

                          • avatar 阅读纵横 3

                            这个很有用。谢谢分享

                            • avatar 钢格板 0

                              感觉你网站搞的真不错,简洁大气,SEO做的也不错。

                              • avatar 美女图片全身一件不留 6

                                这个真的是学习 很好的教程

                                • avatar 腰腹减肥什么方法效果好? 0

                                  找到有这个注释那段
                                  // 图片延迟
                                  删除

                                  • avatar 点滴记录 0

                                    实用 :wink:

                                    • avatar 米粒博客 1

                                      最怕图片一下生成很多张 浪费空间

                                      • avatar 小晨 0

                                        博主您好,请问下怎么关闭Ality主题的lightbox功能啊?

                                        • avatar zz789 0

                                          打不开图图片

                                          • avatar 两天 6

                                            图片基本外链。。。

                                            • avatar 陶笛100 1

                                              WordPress怎么添加某个栏目的归档页面

                                              • avatar 薅羊毛 0

                                                我的图片,放在里面太大了,但也没有找到合适的外图

                                                • avatar silence 0

                                                  最近打算做新站,请问博主下一个主题大概什么时候出?

                                                  • avatar 丁春华 2

                                                    学习了^_^

                                                    • avatar 雪儿谈健身 7

                                                      :arrow: WP的程序还真是麻烦,不管人家需不需要,每次升级了新版本都会多出或这样或那样的多余东西来!

                                                      • avatar 熊哥club 1

                                                        谢谢分享,

                                                        • avatar 网扑蜘 0

                                                          你好,鸟哥,咨询个问题:
                                                          wp的函数:get_the_date(‘Y-m-d g:i:s +08:00’);
                                                          怎样输出2015-12-16 T 17:47:53+08:00 这种格式,中间有个“T”符合ISO8601规范的UTC格式

                                                          • avatar U盘启动盘 3

                                                            图片好像可以随意拉伸吧?

                                                            • avatar 谙年博客 1

                                                              鸟哥习惯性来看看

                                                              • avatar 大城小我 3

                                                                又是干货

                                                                • avatar 软膜天花 4

                                                                  这个挺简单的!

                                                                  • avatar Vance 1

                                                                    我以为要教我们文章内图片实现幻灯的教程呢 :sad:

                                                                    • avatar 蜗牛 2

                                                                      谢谢,以前没有发现这个功能,需要了解下。

                                                                      • avatar 杨泽业 2

                                                                        我是这样做的,把所有的图片用ftp软件上传到根目录的/tu的文件夹下面,而且只有一张图片,应该不会生成其他大小不一致的图片了?当然假如是生成了,我在哪里看见生成的呢?(我的/tu这个文件夹里面的图片不算)我认为不会生成了,有知道的噶啥可以解答一下

                                                                        • avatar 美丫美搭网 0

                                                                          请教博主如何将文章中上传的图片自带的class值删除,上传的图片只保留img src的属性

                                                                          • avatar 万达名品 0

                                                                            不错啊,看您发文章都是技术性很强,对wordpress这个项目很了解,技术一定不错,那么请问您做这个网站是兼职吗?您是更侧重站长方面的技能还是技术方面的技能呢?