如何去除WordPress文章中的图像大小属性
 |  |  |  |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
WordPress程序在默认情况下，会将图像元素width和height属性添加到图像元素中。
这些属性会影响CSS宽度和高度属性，图片延迟加载时默认图片的大小，可通过 PHP、JavaScript 和 CSS 来删除属性，或者让其失效。
阅读推荐：WordPress 超高压缩率 支持webp图片格式的图片压缩插件：ShortPixel
代码禁用WordPress程序图片裁剪功能
WordPress网站上传图片出现http报错解决办法
内容 1 从媒体库插入的图像中删除图像大小属性 2 通过 jQuery 删除width和height属性 3 使用 CSS 使图像大小属性失效 4 通过插件让图像大小属性失效 4.1 相关文章从媒体库插入的图像中删除图像大小属性
删除图像大小属性可完全控制 CSS 属性，可将以下代码添加到主题 functions.php 文件中：
function salong_remove_image_size_attributes( $html ) {return preg_replace( '/(width|height)="\d*"/', '', $html );}// 从特色图像中删除图片大小属性add_filter( 'post_thumbnail_html', 'salong_remove_image_size_attributes' );// 从添加到WordPress文章的图像中删除图像大小属性add_filter( 'image_send_to_editor', 'salong_remove_image_size_attributes' );请注意，当图像是特色图像或将媒体库有图像添加到文章时，此代码将从图像中去除图像大小属性，再添加图像到文章中。已上传到文章中的现有图像不受影响。
通过 jQuery 删除width和height属性
对于已经添加到文章的图像，必须手动删除width和height属性，或者也可以使用一些jQuery代码来解决问题，以下代码添加到主题 js 文件中：
jQuery(document).ready(function($) { $('img').removeAttr('width').removeAttr('height');});使用 jQuery 代码删除图像大小属性更加方便，对于已经添加或者将来要添加的图片都适用。
使用 CSS 使图像大小属性失效
对于响应式图片或者延迟加载时的默认图片都是较好的解决方法，将以下代码添加到主题 CSS 样式文件中：
img { width: initial !important; max-width: 100% !important;}对于延迟加载时，默认图像与实际图像大小不一样时，默认图像将保持原有的大小。
通过插件让图像大小属性失效
如果你不是太擅长代码，可以通过安装 Image Size Attributes RemoverWordPress插件来让图像大小属性失效，简单方便。。。
[WordPress]历史优惠活动内容
猜你可能想看的VPS
- 疯狂猜成语 图猜成语一个大的逆字和一个小的首字是什么成语？全球[VPS测评]
- 真心一般-BuyVM→$3.5 月 KVM 1GB 20GB 无限流量 全球[VPS测评]
- 疯狂猜成语 图猜成语一间房顶上三把伞天上下着雨一间房子旁边是七块冰块天上全球[VPS测评]
- 锐速 BBR 魔改 BBR 效果对比 锐速和 BBR 选择哪个好全球[VPS测评]
- 大盘鸡 $45 年 756M 内存 150G 硬盘 0.6T 流量 1G全球[VPS测评]
- ＂umount: www: device is busy＂错误的解决办全球[VPS测评]
- 阿里云 - 轻量应用服务器香港新加坡多机房可选 最低 24 元 月香港VPS[主机]
- CombCloud 母亲节促销 7.5 折优惠,香港沙田 大浦 CN2,香港VPS[主机]
- 优惠 死海网络元旦促销→VPS 业务 75 折起 洛杉矶双向 CN2 线全球[VPS测评]
- 促销 CloudCone→高 IO 机器 1 核 512M 内存 10G全球[VPS测评]
- RackNerd 洛杉矶新机房上线,Sharktech 数据中心,60G全球[VPS测评]
- 百度高速下载神器PanDownload2.0.6更新 功能更强大全球[VPS测评]
- 代码实现类似大前端DUX WordPress主题评论列表显示楼层全球[VPS测评]
- kdata-越南 4.33美元 月起 1C2G40GB 50Mbps 不全球[VPS测评]
- 50KVM VPS免费自助换IP功能全球[VPS测评]
- 自适应bootstrap左侧导航可关闭全球[VPS测评]
- 持续高温！长沙所有初中新生停止军训！全球[VPS测评]
- 晚点独家丨拼多多9月上线跨境电商平台，首站美国美国VPS[主机]
- 百看不厌的文案，抖音唯美文案。全球[VPS测评]
- 宏海数据9.9云服务器：香港VPS CN2线路1核1G 9.9/首月香港VPS[主机]
- 菠萝云服务器怎么样?香港云主机BGP、CN2,2核1G2M带宽仅49元/香港VPS[主机]
- 源云主机：圣诞促销香港CN2 GIA VPS年付319元;美国CN2 G美国VPS[主机]
- anyhk香港HKT商宽NAT VPS,1Gbps无限流量,终身8折¥3香港VPS[主机]
- 品光网络怎么样?香港美国服务器/云/高防，开年采购3.5折起美国VPS[主机]
- 56云服务器怎么样?56云免备案香港云服务器价格多少钱?香港VPS[主机]
- tmhhost官网登录不上怎么办?日本软银/美国CN2 GIA/美国高防日本VPS[主机]
- 极光KVM：美国CN2VPS,全场6折,大带宽vps年付169元;香港c美国VPS[主机]
- 极亿云：大连/沈阳/北京/广州/深圳云服务器低至48.7元/月;香港cn香港VPS[主机]
- WordPress去掉分类链接中category目录的两种方法全球[VPS测评]
- JGKVM：1核/512M/30G/600G/30Mbps/洛杉矶CN2全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-224021.html