如何去除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
- 阿里云 - 轻量应用服务器香港新加坡多机房可选 最低 24 元 月香港VPS[主机]
- Purplehost→$7.1 月 2 核 4GB 内存 30GB SS虚拟空间(主机)
- Linux 下批量 kill(关闭)包含指定关键字的程序进程全球[VPS测评]
- 干净的一键卸载宝塔面板 WEB 运行环境的方法全球[VPS测评]
- Launchvps→费城 KVM 月付 2.9 美元起 500M 带宽 全球[VPS测评]
- VPS 推荐 vultr 日本线路日本VPS[主机]
- 禁止 Windows10 系统自动更新的两种方法WINDOWS
- 优惠 死海网络元旦促销→VPS 业务 75 折起 洛杉矶双向 CN2 线全球[VPS测评]
- 优惠 Hosteons→免费 windows 系统 不限流量 年付免费换WINDOWS
- Kdatacenter→韩国 KVM-1GB 100GB SSD 500韩国VPS[主机]
- HKServerSolution→699 元 年 2G 内存 15GB 虚拟空间(主机)
- 二月返场 JGKVM 优惠→香港 CMI 大带宽全场 8 折优惠 年付立香港VPS[主机]
- sered 西班牙多IP站群VPS 配置2核2GB起，20个IP起，最高站群服务器[IP]
- 比TinyPNG好用的Squoosh在线图片压缩全球[VPS测评]
- 使用WooRank SEO分析工具来优化的你的博客全球[VPS测评]
- zetservers罗马尼亚高防vps，10Gbps带宽/2Tbps高防全球[VPS测评]
- 跨境电商有哪些平台？十大跨境电商平台！全球[VPS测评]
- 因搜包耽误员工下班，苹果将支付3050万美元赔款全球[VPS测评]
- 疯鱼云怎么样?香港CN2VPS首月14元,续费19元香港VPS[主机]
- 碳氧云,香港vps路由调整为沙田cn2,特价款6核6G仅80元/月香港VPS[主机]
- wikihost,微基主机服务,100M带宽香港tudcloud,5G防香港VPS[主机]
- 八点云主机怎么样?香港2核4G5M带宽云主机,98元/月;国内4核8G云香港VPS[主机]
- 八成企业看好出海投资 防止“溺水”需重视这一点全球[VPS测评]
- 数据中心助力光纤光缆行业发展全球[VPS测评]
- 详细介绍vps云服务器及其作用全球[VPS测评]
- UCloud云服务器2020年度大促：北京/上海云服务器/香港免备案云服香港VPS[主机]
- 印象云：1核/1G/40G固态/800G/50Mbps/洛杉矶高防vps全球[VPS测评]
- 6种样式社交论坛网站HTML5模板 - Social全球[VPS测评]
- 漂亮的Css3响应侧边栏菜单,动画风格侧边栏导航菜单样式全球[VPS测评]
- 月神云：洛杉矶CN2 GIA高防vps、香港CN2 GIA VPS全场7香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-224021.html