画像とキャプションの寸法属性の削除

この質問は、画像からの寸法属性の削除に関するこのディスカッションの派生です。そのスレッドで提供されるソリューションコードは、[caption]ショートコードがイメージから削除されるという不幸な副作用があることを除いて、非常にうまく機能します。

コアコードを数時間掘り下げた後、私はこの原因を発見しました。ショートコードの追加を担当するwpeditimage TinyMCEプラグイン[caption]は、ショートコードとimgタグの幅属性をチェックします。それらが見つからない場合は、単にキャプションを削除します。これはTinyMCEエディターでJavaScriptを使用して「オンザフライ」で実行されるため、この問題に対処するWordPressフィルターの種類は考えられません。しかし、私は間違っていることが証明されてとても嬉しいです。:)

最後の注意として、私の一時的な解決策は、次のjQueryを使用して、問題のタグをすべてクライアント側から取り除くことです。これはimg_caption_shortcode、幅のスタイルがそこで使用されないようにするためのフィルターと組み合わせて、仕事をしているようです。それはきれいではありませんが、それは今のところバンドエイドです。誰かがより良いアイデアを持っていますか？

// Strip width and height attributes from img, video, and object in the main article so we can have fluid images
var $fluid_items = $('.main-article-wrapper').find('img,video,object');
$fluid_items.removeAttr('width');
$fluid_items.removeAttr('height');

それはあなたが求めている正確な答えではないかもしれませんが、私はかなり良い回避策を見つけたと思います。

21テーマのCSS（きちんと応答するimhoです）から次のコードを取得しました。

/* Images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

これはすべての画像を応答可能にするのに十分でした（少なくともコンテンツに埋め込まれたもの...）これで応答画像がありますが、キャプションを使用しても同じ問題が発生します。これは、tinyMCEがスタイル属性を画像の幅を持つキャプションコンテナ。これを修正するには、これをCSSに追加するだけです。

            .wp-caption { max-width: 100%; }

できた！注目の画像ではうまくいかないかもしれませんが、私にとってはうまくいきます。

これが誰かに役立つことを願っています:-)