如何去除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
- tmwhost→$59.99 月 1GB 内存 30GB SSD 空间 虚拟空间(主机)
- 阿里云服务器拼团→低至 1.5 折起 2 核 1G 云服务器低至 148全球[VPS测评]
- 推荐 iON→KT 旗下品牌 CN2 线路 洛杉矶机房 全场限时 5 折全球[VPS测评]
- mysqldump: Got error: 1044: ***when 全球[VPS测评]
- cdr 文件用什么打开？全球[VPS测评]
- VirMach - 存储型 VPS 少量补货 1T 硬盘$7 月全球[VPS测评]
- 云上互联→20.8 元 月 512MB 内存 35GB 空间 不限流量 虚拟空间(主机)
- 一个争字白色背景一个斗字黑色背景是什么成语？全球[VPS测评]
- 极客主机→49 元 月 KVM-1GB 20GB 300GB 拉斯维加斯全球[VPS测评]
- 超优惠 磐石云元旦特惠→1 核 2G 内存 50G 硬盘 2G 防御 三全球[VPS测评]
- wget 下载 https 时报错 ERROR: The certifi全球[VPS测评]
- Psychz→$10 月 D525 4GB 内存 500GB 硬盘 30日本VPS[主机]
- IMIDC→香港&台湾 CN2 服务器每月 50 美元 全场 VPS 半站群服务器[IP]
- 咖啡主机2021开年 新上香港/美国CN2轻量KVM ￥46.8/季美国VPS[主机]
- Google发布nofollow标签新规则，有重大变化全球[VPS测评]
- WordPress插件：WP Tabel Tag Gen 不需要手动添加全球[VPS测评]
- Virtono → €30年付 1C1G30G硬盘 香港 日本 新加坡 日本VPS[主机]
- Debian 9 Stretch 安全升级到 Debian 10 Bus全球[VPS测评]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器香港VPS[主机]
- 手帕云,便宜小带宽香港CN2 VPS,集群10G防御,双向CN2直连,仅香港VPS[主机]
- CentOS 7.x 系统安装和配置redis-7.0.4集群全球[VPS测评]
- 香港cn2线路服务器哪里好?香港cn2服务器推荐哪家好?香港VPS[主机]
- 狸猫云：香港高速CN2VPS,200元/年-香港高速GIA云服务器促销活香港VPS[主机]
- 云计算的大门依旧没向雷军敞开全球[VPS测评]
- 轻云互联,香港美国vps终身8.8折17元/月起,cn2直连线路,50G美国VPS[主机]
- 青云互联：香港CN2 GIA VPS,月付15.2起;日本CN2 VPS日本VPS[主机]
- 优网主机怎么样?香港云主机/美国云主机价格低至19元/月美国VPS[主机]
- 蓝队云服务器怎么样?蓝队云服务器价格和优势是什么?全球[VPS测评]
- 孤狼云：香港沙田CN2/安畅CN2云服务器仅9.9元/月_香港虚拟主机2香港VPS[主机]
- ExCloud：1核256M存/8GB SSD空间/100GB流量/OV虚拟空间(主机)
转载请注明原文地址:http://140.238.13.167:12355/read-224833.html