とあるテーマのBootstrap化 その２ 　画像をレスポンシブに

前回からの続き

現状の画像をレスポンシブに

既に表示されている画像をレスポンシブにしたい。
で、img タグにclass=”img-responsive” というクラスを追加したい。

function.phpについか

add_filter('get_image_tag_class', function($class){
    return $class . ' wp-image';
});

@See 記事に挿入する画像のclassを変更・追加する

で、既に過去の画像を今から変更するには非常に大変。ここはjavascriptでクラス名を書き換える。

$(function(){
    $('img').addClass('img-responsive');
});

だが、画像サイズをwidth=”680“など記述が入ってるので、これも消したい。なので、上記を変更

(function(){
    $('img').addClass('img-responsive');
    $(".main img").removeAttr("width height");
});

しかしまだ謎のタグが残る。

sizes=”(max-width: 680px) 100vw, 680px”
srcset
なども削除。