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

文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

最近有主题用户问：为什么查看插入到文章中的图片源代码与我博客的不一样，多出很多代码，例如下图：文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

第一张图源代码比第二张的多出很多代码。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

这些多出的代码是WordPress 4.4版以后增加一个叫“图片多屏自适功能”，用于在不同屏幕大小的设备上显示不同尺寸的图片。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

启用这个功能前提：

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

文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

只有这样才会启用这个功能。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

禁止该功能

知道如何启用这个功能，禁用也就简单了。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

方法一，把上图中的图像大小数值都设置为零，之后再上传图片并添加到文章中，就不会有多余的代码了。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

注：对之前已上传到媒体库中的图片无效。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

方法二，复制上传的图片链接地址，利用“从URL插入”添加图片，也不会启用该功能。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

方法三，彻底禁用该功能，将下面代码添加到当前主题functions.php模板中：文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

结束语

WordPress这个功能初衷是好的，但个人认为有些鸡肋，如果媒体图像大小不设置为零，每次本地上传图片，都会生成多张不同尺寸的图片，浪费空间，也不利用以后空间文件整理，完全没必要的功能，可能只适合生活在资本主义社会的用户，主机空间根本不是问题。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

另外，图片多屏自适功能自动添加的代码，对网站SEO什么的并没有任何影响，不必大惊小怪。文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

 文章源自知更鸟-https://zmingcx.com/answer-a-wordpress-insert-image-confusion.html

移除 WordPress 工具菜单中导出和抹除个人数据

最新禁用 WordPress 版本修订方法

通过插件创建 WordPress 自定义页面模板

为 WordPress 添加可重复使用的自定义metabox 字段