响应图像调整图像大小

时间:2016-04-08 作者:Andrew

WordPress的自动响应图像代码将某些图像的大小设置为大于其应有大小。以下是一个示例:

本页:http://healthyhints.wpengine.com/hot-yoga-benefits/, 男子举重的图像只有557px宽(参见本机图像:http://healthyhints.wpengine.com/wp-content/uploads/2016/03/leanmuscle.jpg).Responsive Image code如何更改WordPress生成的响应图像代码,使图像的大小永远不会超过默认大小?所有图像都是不同的维度,所以我无法在代码中硬编码宽度。

任何对资源的帮助或指导都将不胜感激。

1 个回复
SO网友:Andrew

我遇到的问题是函数文件中的一些冲突代码(见下文)。我通常使用此代码将宽度/高度属性从硬编码到内容区域的元素中移除。然而,删除这些内容似乎会打乱WordPress中新的响应图像实现。一旦我删除了这段代码,响应图像就会像预期的那样工作。

Conflicting Code

// Remove Width & Height Attributes from Inserted Images
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;
}

相关推荐

Broken images on iphone

我在iPhone上破坏了图像,这只发生在我大约一周前添加新图像的主页上(新图像的格式和大小与旧图像完全相同)这是网站:CartonMaster。伊利诺伊州公司提前感谢,