如何去除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
- CloudCone→$15 年 KVM-512MB 10GB 1TB 洛全球[VPS测评]
- Linux 下端口被占用的解决办法全球[VPS测评]
- 三网直连 ￥128 年 512M 内存 10G 硬盘 2Mbps 不限量香港VPS[主机]
- javascript 删除字符串的最后一个字符全球[VPS测评]
- DogYun 动态云全场 8 折 香港 CMI 机房 7 折 新开免设置香港VPS[主机]
- 便宜 Dogyun→香港机房 CN2 线路 2G 内存 20G SSD 香港VPS[主机]
- 优惠 JGKVM→洛杉矶 CN2 GIA 套餐补货 年付低至 189 元香港VPS[主机]
- 促销 死海网络→洛杉矶 CN2 GIA 线路月付直降 50 元 圣何塞不全球[VPS测评]
- Linux 系统 wget: unable to resolve hos全球[VPS测评]
- 云创网络洛杉矶安畅 GIA 带宽免费升级,最高 300M 6 折起,美国美国VPS[主机]
- 特价 Hostodo→ 1 核 512MB 内存 8GB NVMe 硬盘全球[VPS测评]
- dedecms 如何添加上一篇 下一篇 dedecms 上一篇下一篇标签全球[VPS测评]
- 促销 178 元 年 2 核 CPU 2G 内存 30G 硬盘 4Mbp日本VPS[主机]
- 大盘机 $6.95 月 1G 内存 1T 硬盘 5T 流量 1 个 IP全球[VPS测评]
- CDNPlus→在线 独立自建 CDN 最低月付 49 元 可免费测试独立服务器[U]
- cloudcone→超大硬盘 VPS 补货 洛杉矶 KVM 最高 500全球[VPS测评]
- 搭建VPS环境选择LAMP环境还是LNMP环境好全球[VPS测评]
- WordPress删除文章时怎么才能删除缩略图及图片附件全球[VPS测评]
- 引力主机 2vCPU 512M内存 10G SSD 硬盘 2TB流量 2全球[VPS测评]
- DMIT洛杉矶LAX.LITE VPS迁移到圣何塞，年付七折，三网AS4全球[VPS测评]
- EmeraldHost → 3.75€ 月 德国 1C1G10G硬盘 D全球[VPS测评]
- 2020: OLVPS 512 内存 30G SSD 1T流量 俄罗斯伯全球[VPS测评]
- “休闲养蜂”风靡海外跨境电商追逐垂直风口全球[VPS测评]
- 初忆云：香港美国cn2云服务器30元;香港cn2高防vps30元,美国1美国VPS[主机]
- WordPress去掉分类链接中category目录的两种方法全球[VPS测评]
- WHMCS 8.1如何简化注册页面全球[VPS测评]
- 傲游主机：香港cn2高防云主机,159元/月/2核/2GB/40GB/2香港VPS[主机]
- 品光网络:香港美国免备案云服务器超低价,2核2G2M年付仅750元/年美国VPS[主机]
- RangCloud：香港云主机,1核1G内存/15G SSD/2Mbps香港VPS[主机]
- 1分钟快速读懂云计算全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-223160.html