【WordPress】記事投稿時にメディアの挿入でアップロードした画像のwidth、heightを削除する方法

2015.03.31

レスポンシブ対応やスマートフォン・PCで同じ投稿画像を使いたい

イメージ画像
WordPressでは通常だとビジュアルリッチエディタにメディアの挿入で画像を挿入するとwidth、heightのサイズがタグ内に挿入されます。

レスポンシブなホームページや、
スマートフォンサイト・PCサイトで同じ画像を違う幅や仕組みで使用したい場合、
ちょっと面倒臭い時があります。

そのままでもCSS側でいじってやればなんとかなるのですが、
シンプルに画像のwidth、heightを削除したいときは、
functions.phpに
PHP:
function remove_size_from_image_tag( $html, $id, $alt, $title, $align, $size ) {
    list( $img_src, $width, $height ) = image_downsize($id, $size);
    $remove_size_from_img = image_hwstring( $width, $height );
    $html = str_replace( $remove_size_from_img, '', $html );
    return $html;
}
add_filter( 'get_image_tag', 'remove_size_from_image_tag', 10, 6 );
と書けば、
メディアの挿入で挿入した画像のimgタグからwidth、heightが削除されます。
← 【WordPress】記事投稿時にメディアの挿入でアップロードした画像に独自のClassをつける方法
WordPressで自動で読み込まれるjQueryを読み込ませない方法 →