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

WordPress3913.4K阅读模式

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

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

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

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

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

启用这个功能前提:

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

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

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

禁止该功能

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

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

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

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

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

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

结束语

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

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

补:在你不添加图片说明的情况下,本地上传图片,最好复制图片链接,然后切换到“从URL插入”,粘贴链接,用该方法插入图片不会自动生成空的ATL属性。

 

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
  • WordPress
  • Wordpress教程
  • WordPress主题
  • 常见问题
评论  39  访客  37  作者  2
    • 寻金笔记
      寻金笔记 6

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

      • 寻金笔记
        寻金笔记 6

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

        • 产融贷p2p理财
          产融贷p2p理财 0

          这个很实用啊。

          • 哔哩福利
            哔哩福利 2

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

            • 微部落博客
              微部落博客 3

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

              • 赵林IT
                赵林IT 3

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

                • 赵林IT
                  赵林IT 3

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

                  • 奋斗之路
                    奋斗之路 1

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

                      • 知更鸟
                        知更鸟

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

                      • 帅气小琦琦
                        帅气小琦琦 5

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

                        • boke112导航
                          boke112导航 5

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

                          • 阅读纵横
                            阅读纵横 3

                            这个很有用。谢谢分享

                            • 钢格板
                              钢格板 0

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

                              • 美女图片全身一件不留
                                美女图片全身一件不留 5

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

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

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

                                  • 点滴记录
                                    点滴记录 0

                                    实用 :wink:

                                    • 米粒博客
                                      米粒博客 0

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

                                      • 小晨
                                        小晨 0

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

                                        • zz789
                                          zz789 0

                                          打不开图图片

                                          • 两天
                                            两天 6

                                            图片基本外链。。。

                                            • 陶笛100
                                              陶笛100 1

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

                                              • 薅羊毛
                                                薅羊毛 0

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

                                                • silence
                                                  silence 0

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

                                                  • 丁春华
                                                    丁春华 3

                                                    学习了^_^

                                                    • 雪儿谈健身
                                                      雪儿谈健身 7

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

                                                      • 熊哥club
                                                        熊哥club 1

                                                        谢谢分享,

                                                        • 网扑蜘
                                                          网扑蜘 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格式

                                                          • U盘启动盘
                                                            U盘启动盘 3

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

                                                            • 谙年博客
                                                              谙年博客 1

                                                              鸟哥习惯性来看看

                                                              • 大城小我
                                                                大城小我 3

                                                                又是干货

                                                                • 软膜天花
                                                                  软膜天花 4

                                                                  这个挺简单的!

                                                                  • Vance
                                                                    Vance 0

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

                                                                    • 蜗牛
                                                                      蜗牛 2

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

                                                                      • 杨泽业
                                                                        杨泽业 2

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

                                                                        • 美丫美搭网
                                                                          美丫美搭网 0

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

                                                                          • 万达名品
                                                                            万达名品 0

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

                                                                            • saisai
                                                                              saisai 1

                                                                              鸟哥,我用你以前版本的主题,发现外链的图片,主题不支持缩略图a,不显示;不过本地上传的图片,基本上文章都会调用。就是外链的不支持,有什么好的办法呢? :?: :?:

                                                                              • 墨染丶不忆流年
                                                                                墨染丶不忆流年 0

                                                                                请问一下为什么我写的文章中的图片智能在谷歌浏览器中访问,其他浏览器包括手机,都不能浏览

                                                                              匿名

                                                                              发表评论

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

                                                                              拖动滑块以完成验证