响应式Wordpress主题图像修复

Question

我正在为Wordpress建立自适应主题，但在自适应图像方面遇到了麻烦。 关键是我需要更改内容内部图像的大小。 我的逻辑确实说我应该为此使用过滤器，但是我找不到一个专门针对图像的过滤器。 我的第一个想法是为此使用JS 库 ，但是这个特定的人想获取大图片和小图片的名称，并且由于我的网站使用的是自定义媒体尺寸，因此我没有找到正确获取小图片名称的方法。

另一种方法是使用CSS

img {
 max-width: 100%;
}

但是我要做的是从img标签中删除width和height属性。

因此，基本上这两种方法都要求我仔细阅读内容并解析出图像标签，然后将其替换为新生成的图像标签。

我在不同的插件源中进行了一些挖掘，发现它们过滤了the_content并仅使用正则表达式来查找img标签并将其替换为new。

因此，我正在寻找一种解决方案，以使此方法正确运行，因为我感觉遍历整个内容来替换图像并不是正确的方法。 如果没有更好的方法可以解决，请帮助我提供代码（尤其是正则表达式）来解决我的小问题。 基本上我需要搜索出img标签并删除width和height属性。

Answer 1

CSS将轻松覆盖内联img标签，只需使用

#.. img{

height:auto;
width:100%;

}

Answer 2

只需将其粘贴在您的functions.php中，就可以了（缩略图或通过编辑器添加的图像中没有宽度或高度）

add_filter( 'post_thumbnail_html', 'remove_thumbnail_dimensions', 10 );
add_filter( 'image_send_to_editor', 'remove_thumbnail_dimensions', 10 );

function remove_thumbnail_dimensions( $html ) {
$html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );
return $html;
}