WordPress响应式图片(Responsive Image)功能关闭:取消WordPress图片宽带和高度参数
文 / @WordPress主题
WordPress响应式图片(Responsive Image)如何关闭
WordPress 4.4 Beta1发布之时,我们了解到WordPress 4.4的一项新功能:Responsive Image,即响应式图片。今天,WordPress中文网给大家介绍一下这个新功能的主要用途,以及其工作原理。
当用户在WordPress中上传图片的时候,WordPress会自动将突破剪裁为多个小尺寸的图片。比如说,如果你上传的图片大小为 1500 x 706 (单位为像素,以下省略),那么图片可能会被剪裁为以下几个尺寸:
- 完整尺寸:1500 x 706
- 大图:500 x 235
- 中图:300 x 141
- 缩略图:150 x 150
这些图片的尺寸,你可以通过WordPress后台的【设置】->【多媒体】中进行调整。有些WordPress主题,还会剪裁出一些其他尺寸的图片。
这样,如果你在WordPress的文章或页面中使用了完整尺寸图片,那么桌面电脑用户和移动用户(手机、平板等)看到的都将是完整尺寸的图片。这对于移动用户来说,一没有必要,二浪费流量,三影响心情(打开速度慢),完全说不过去。
WordPress 4.4 中的响应式图片,增加了 srect 和 sizes 两个属性,让WordPress可以自动根据用户设备的屏幕大小,来显示合适的图片。比如我在 WordPress 4.4 中上传一张 1500 x 706 的图片,移动用户将会看到中图尺寸的图片。
响应式图片这一功能,不需要用户进行任何设置,一切魔法均在幕后完成。
如何关闭WordPress的响应式图片(取消WordPress图片宽带和高度参数)
默认添加到WordPress的内容中的图片会自带尺寸高度和宽度,有时候限制我们原本的图片尺寸。这我们可以禁止掉这些默认参数,采用固有的图片的尺寸。
add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );
function remove_width_attribute( $html ) {
$html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
return $html;
}
这样就去掉WordPress的限制尺寸。

相关文章
-
搭建一个WordPress网站需要多少成本 2023-11-06 00:09:51
-
Symlink介绍(附:如何使用Symlink进行WordPress开发) 2023-11-05 23:38:32
-
让WordPress实现数据库同步的插件:HyperDB 2023-10-24 23:40:49
-
allegro电商平台值得做吗(附:2023年Allegro注册流程指南) 2023-10-08 21:53:39
-
印度跨境电商平台有哪些(附:印度跨境电商做什么产品好) 2023-10-08 21:34:23
-
跨境电商必看的几大海外二手电商平台 2023-10-08 18:04:42
-
WordPress同城互联网产品解决方案:UBASE 2023-10-03 16:40:39
-
WordPress网站的安全插件:wordfence 2023-09-14 09:25:18
-
WordPress 6.3 支持在手动更新插件和主题失败后回滚旧版本 2023-08-28 16:58:45
-
WordPress 6.3版本(2023年8月)性能提升了哪些? 2023-08-28 16:56:02