【WordPress】wp_get_attachment_image()をechoしたときに自動挿入されるwidth,height,classを削除したい

Question

カスタムフィールドより画像をアップロードし、固定ページに

 echo wp_get_attachment_image();

で画像を出力しています。

自動挿入されるwidth,height,classを削除したいと思っていますが、方法がいまいちわかりません。

パラメータに何らかの操作を加えるのでしょうか。

削除する方法を教えて頂けると幸いです。

Answer 1

本件、wp_get_attachment_image_src()を使って、srcに挿入する画像のURLを取得し、
HTML側でそのURLを好きなようにコーディングしたほうが楽かもしれません。

<?PHP
  $attachment_id = 画像のidを指定してください;
  echo wp_get_attachment_image_src( $attachment_id )[0]; // 画面にURLが描画
  echo '<img src="' . wp_get_attachment_image_src( $attachment_id )[0] . '">': // 画面に画像が描画
?>

関数リファレンス/wp get attachment image src

---

以下、私が普段使いまわしているWordPressのfunctions.phpからコピペしてきました。
(width、heightなどは当然出力されないようにしています。)

参考になるかもしれないので貼り付けておきます。

↓投稿時にwidthなどが挿入されないようにする仕組み、のはず

function remove_image_attribute($html) {
    $html = preg_replace('/(width|height)="\d*"\s/', '', $html);
    // $html = preg_replace('/class=[\'"]([^\'"]+)[\'"]/i', '', $html);
    $html = preg_replace('/title=[\'"]([^\'"]+)[\'"]/i', '', $html);
    // $html = preg_replace('/<a href=".+">/', '', $html);
    // $html = preg_replace('/</a>/', '', $html);

    $html = str_replace('" />', '">', $html);
    return $html;
}
add_filter('image_send_to_editor', 'remove_image_attribute', 10);
add_filter('post_thumbnail_html', 'remove_image_attribute', 10);

↓追加。記事の画像を取得するための関数を、おそらく独自実装したもの

function catch_that_image() {
	global $post;

    $tmp_content = preg_replace('/>\s*<img/', ">\n<img", $post->post_content);

	if (preg_match_all('/<img.+src=[\'"]([^\'"]+[.jpg]+)[\'"].*>/', $tmp_content, $matches)) {
		$first_img = $matches[1][0];
	}
    else {
		$first_img = false;
	}
	return $first_img;
}

Comments

[tnk_fuku]

早々のご回答ありがとうございます。
コードを追加してみましたが、削除できずそのままの表示となってしまいました。

画像挿入のカスタムフィールドは下記ページを参考に実装しました。
https://qiita.com/awesam86/items/3ae93221077b8dd190dd

どうしたものでしょうか・・・。

[new1ro]

(回答に添付したものは、だいぶ前に記述して、以後使いまわしているので記憶が曖昧なので恐縮なのですが..)

投稿時にwidthなどが挿入されないようにするのが、上記でいう
remove_image_attribute()です。

試しに投稿してみて、新たに投稿した記事の中でwidthなどが消えているかを確認してみてほしいです。
新たに投稿するぶんについてはできているかもしれません。

----------
アイキャッチ画像を取得する際に手を加えているのが↓だったはずです。
catch_that_image()

正規表現でwidthなどを取り除いているので、参考になるかもしれません。

[new1ro]

「wp_get_attachment_image_src()」についての回答を先頭に追記しました。
好きなようにHTML側をカスタマイズできるので、<img>タグを取得するより画像のURLを取得する方に切り替えたほうが楽ではないかと思います。

(投稿など自動で記事が増えるシチュエーションでなければ、私は普段そうしています。)

[tnk_fuku]

wp_get_attachment_image_src()で取得し、width,height,classなどの削除は出来ました。

ただ、画像が実寸(300×300)ではなく、150×150のサイズ（おそらくデフォルトのサムネイルのサイズ）でアップされ、画像ファイル名も「○○○-150x150.png」となってしまいましたf(^^;)

[new1ro]

第2引数で、'full'などを指定すると、サイズを変更できると思います。
wp_get_attachment_image_src(1234, 'full');

https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_get_attachment_image_src

でいう「$size」です。

[tnk_fuku]

無事に表示することが出来ました！
wp_get_attachment_image_src()だと楽ですね。
初期値がサムネイルを取得するのですね。

alt属性なども設定したいので、別にカスタムフィールドを作ってそこから取得する形をとりたいと思います。