如何去除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
- 便宜 $12.5 年 512M 内存 5G SSD 500G 流量@1G全球[VPS测评]
- DogYun 动态云全场 8 折 经典云香港 CMI 月付 39 元起香港VPS[主机]
- 便宜 VPS $0.99 月 256M 内存 5G SSD 1Gbps 全球[VPS测评]
- 疯狂猜成语 图猜成语一个虚线写成的機（繁体机字）是什么成语？全球[VPS测评]
- 分享 Virmach 优惠码使用及 VPS 购买图文教程全球[VPS测评]
- racknerd→16C 站群服务器（256IP） e3-1230v2 站群服务器[IP]
- 163 线路-ShockHosting→3.74 美元 KVM 1G 1全球[VPS测评]
- text html 和 text plain 的区别全球[VPS测评]
- Linode-最优秀的免备案 VPS 推荐！全球[VPS测评]
- WordPress 修改管理页面登录地址全球[VPS测评]
- WordPress无插件自动实现标签关键字内链全球[VPS测评]
- 阿里云ECS服务器如何创建修改删除自动快照策略?全球[VPS测评]
- WordPress网站PHP纯代码生成文章海报图片实现分享全球[VPS测评]
- DediPath黑五全场VPS三五折，月付最低1.2美元起；高配便宜服务全球[VPS测评]
- anyNode黑五便宜VPS1G内存20g硬盘1g端口2T大流量年付仅8全球[VPS测评]
- servarica → 黑色星期五 加拿大存储VPS 29$年付 1C1全球[VPS测评]
- idc.wiki 160M内存 3G硬盘 400G流量 100M带宽 K全球[VPS测评]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器香港VPS[主机]
- 企鹅小屋：香港ntt vps,大带宽直连,1核/1G/2T流量/半年15香港VPS[主机]
- 美国信贷市场的痛苦将不亚于上世纪70年代的通胀时期美国VPS[主机]
- 曾经最大跨境电商平台团队收缩，只剩20人丨GoingGlobal周报全球[VPS测评]
- UOVZ怎么样？香港30M大带宽VPS 直连线路月付50元香港VPS[主机]
- 速云互联：香港/美国CN2 GIA线路/BGP/10Mbps/全场八折,美国VPS[主机]
- 明恒互联：双旦同庆活动开启,100G国内高防云售价116元/月,香港云主香港VPS[主机]
- 阿里行癫：如何理解当下的云计算全球[VPS测评]
- 傲游主机：香港cn2高防云主机,159元/月/2核/2GB/40GB/2香港VPS[主机]
- hosthatch：香港/芝加哥/伦敦等11机房VPS低至$17.5/年香港VPS[主机]
- 华纳云双十一钜惠活动：香港美国云服务器低至3.5折美国VPS[主机]
- OneTechCloud易科云双十二优惠：香港/美国CN2全场VPS季付美国VPS[主机]
- 柚子互联：香港CN2云服务器/带宽5M/500G流量/KVM,34元/月香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-226444.html