wordpressでimgタグに自動で挿入される「srcset」の削除

Question

現在、wordpressでサイトを運用しておりますがChromeで要素を確認したところ、
imgタグに「srcset」と呼ばれる属性が挿入されておりました。

調査したところ、ver4.4以降のバージョンからデフォルトで実装されたようです。

http://parashuto.com/rriver/responsive-web/responsive-images-on-wordpress-4-4

大きな影響はないのでこのままでも問題ないのですが、
ある事情でこちらを削除しなくてはいけなくなり…

削除方法を調査したところ、functions.phpにフィルターフックを1行記述すれば
削除できるとのことを多くのサイトで見つけたのですが、どのサイトの方法を試してみてもうまくいきません…

ソースで確認しても「srcset」は出力されていないようなので、もしかしたらJavascriptで追記しているのかもしれません…

こちら原因と解決方法がわかる方いらっしゃいますでしょうか？

現在のwordressヴァージョンはこちらです。
ver4.8.2

よろしくお願いします。

Answer 1

検証だけしてみましたのでヒントとして参考になりましたら幸いです。

当方の開発環境にてテストしてみました。
wordpress4.8.2+Twenty Seventeen
このfunctions.phpの一番最後におっしゃられているであろうソース

add_filter( 'wp_calculate_image_srcset', '__return_false' );

を加えるとsrcsetを削除することができました。

以下可能性として
・ブラウザのキャッシュを削除、chromeならシークレットブラウザでctrl+shift+rキー
・プラグインをすべて停止してテスト
・functions.phpを上記ソースのみにしてテスト
・テーマファイルの疑わしいphpを削除してテスト
・jsファイルをすべて削除してテスト

あとは
・デベロッパーツールのコンソールでエラーログを確認
http://www.buildinsider.net/web/chromedevtools/01

・define('WP_DEBUG', true);をオンにしてエラーを確認
https://gatespace.jp/2012/07/20/wordpress-debugging/

予想ですが少なくとも4.8.2のwpコアが原因ではなさそうです。
また上記フックはphpなのでjsが影響しているとすれば
独自でなにか追加していないようであればphpの可能性が高そうと予想しました。

根本的な解決にはならないと思いますが参考になりましたら幸いです。

Comments

[sk1013]

うーん…いろいろ試してみましたが、やはりダメですね…
可能性があるとしたらJetpackプラグインですね…

[ruuusaamarki]

ほんとですね。すでにみられているかもですが

https://github.com/Automattic/jetpack/blob/223c2d906ac66722c5ede88019ba4faf5f0b25b1/class.photon.php#L629

この辺りをphpで制御できれば変えられるかもですね。
お力になれずすみません、PHP詳しい方にバトンタッチです。
また何か思いついた際には書いてみます。

[sk1013]

コメントありがとうございました。引き続き追ってみます。

Answer 2

どっかのプラグインが独自にsrcsetの設定をやってるとしても
ここまで出力の水際でやれば流石に消せるはず…

add_filter('wp_get_attachment_image_attributes',function($attr){
 unset($attr['srcset']);
 return $attr;
},100);

これでダメならjavascriptでやってるか
wp_attachment_imageが上書きされてるか

Comments

[sk1013]

さらに調査したところ、やはりJSで挿入しているようです。

んで、この「srcset」は「resize」というパラメータに紐付いているようで
「resize」パラメータの方向から調べていったほうがいいかもと思いました。