レスポンシブなWordpressのテーマ画像が修正されました

Question

私はWordpressのレスポンシブテーマを構築しています。私はレスポンシブな画像で問題に遭遇しました。問題は、コンテンツの中にある画像のサイズを変更する必要があることです。私のロジックは、私はそれのためのフィルタを使用する必要がありますが、私は具体的に画像をターゲットに1つを見つけることができないと言う。 私の最初の考えは、JS libを使用することでしたが、この特定のものは大きな画像と小さな画像の両方の名前を取得したいと私のウェブサイトはいくつかのカスタムメディアサイズを使用しているので、画像。

他の方法では、CSS

img { 
max-width: 100%; 
} 

を使用することですが、再び私は何をする必要があるかimgタグから幅と高さの属性を削除することです。

基本的に両方の方法では、コンテンツを調べて画像タグを解析し、新しく生成したタグで置き換える必要があります。

私はいくつかのプラグインソースを掘り下げて、the_contentをフィルタリングし、regexを使ってimgタグを見つけ、新しいものに置き換えることができたことを発見しました。

私はイメージを置き換えるだけのコンテンツ全体を通って行くという感覚が正しい方法であるため、この作業を正しい方法で行うためのソリューションを探しています。 誰かが私の小さな問題を解決するためにコード（特に正規表現）で私を助けてくださいすることができる良い方法がない場合は、基本的に私はimgタグを検索し、幅と高さの属性を削除する必要があります。

Answer 1

CSSだけで簡単にジャスト介して追加のサムネイル画像または画像内（ない幅または高さあなたのfunctions.phpでこれを固執しないし、あなたが行くように良いことがあり

#.. img{ 

height:auto; 
width:100%; 

} 

Answer 2

を使用して、インラインimgタグを上書きしますエディタ）

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; 
}