如何去除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
- 双十二返场活动 LOCVPS→日本大阪 Xen vps 终身六五折优惠 日本VPS[主机]
- 商家投稿 ￥50 月 2 核 CPU 2G 内存 180G 硬盘 5Mb全球[VPS测评]
- Centos7 yum 安装 Python3.6 环境全球[VPS测评]
- dedecms 默认文档点击数修改 dedecms 默认文档点击数范围全球[VPS测评]
- racknerd→$15.68 年 美国大流量 VPS 768M 内存 美国VPS[主机]
- MySQL 导入数据库提示[Err] 1286 - Unknown st全球[VPS测评]
- 免费虚拟机 免费体验 15 分钟亚马逊 Windows 虚拟机 可上谷歌WINDOWS
- 阿里云服务器 9 月 2 折 2 核 8G 5M 独享 不限流量 300全球[VPS测评]
- nat.bz→64 元 月 512MB 内存 5GB SSD 空间 20虚拟空间(主机)
- OLVPS→104 元 月 1GB 内存 50GB 空间 2TB 流量 虚拟空间(主机)
- hosteons→免费提供 Windows 授权 8 折优惠 $36 年WINDOWS
- 如何在begin主题实现评论自动排第一全球[VPS测评]
- Porkbun域名注册优惠，.COM 仅 $4.75，.NET仅 $5.全球[VPS测评]
- Indonetdigital-印度尼西亚 5$月付 1C1G 国际200全球[VPS测评]
- 2020: UOVZ 1G 内存 20G SSD 200流量 徐州NAT全球[VPS测评]
- WordPress去掉分类链接中category目录的两种方法全球[VPS测评]
- WordPress去掉分类链接中category目录的两种方法全球[VPS测评]
- 新华全媒+丨第六届全球跨境电商大会：跨境电商加快拓宽中国贸易新通道全球[VPS测评]
- 言車新车｜大阳VPS125混动踏板，长续航，代步通勤9980元起全球[VPS测评]
- 六六云：1核/1GB/20GB硬盘/500GB流量/30Mbps/KVM香港VPS[主机]
- 阿里行癫：如何理解当下的云计算全球[VPS测评]
- UCloud优刻得云服务器建站教程：香港云服务器购买优惠方法香港VPS[主机]
- 麻花云双12活动：香港CN2云主机首月9元;安徽移动vps月付29元香港VPS[主机]
- 群英云怎么样?2核2G3M华北BGP云服务器,98元/首月;香港cn2v香港VPS[主机]
- HostXen：双十一新用户香港、日本vps,送20元代金券,充值300日本VPS[主机]
- 景文互联年终特惠：日本/香港/美国VPS全场7折+送内存,充1000送3日本VPS[主机]
- 硅云：香港云服务器2核2G5M促销1999元/3年起,香港虚拟主机1G空虚拟空间(主机)
- 水墨云：2021年特惠活动_IPLC专线/海外CN2/香港/日本/韩国/日本VPS[主机]
- 56云服务器怎么样?56云免备案香港云服务器价格多少钱?香港VPS[主机]
- TabbyCloud：1核/1GB/20GB/2TB流量/50Mbps/香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-224833.html