wordpressのfunctions.phpでの画像パスをRetina対応したいです

wordpressで画像パスを指定する際に、function.phpに関数を指定する方法があると思うのですが、これをRetinaにも対応させるにはどうしたらいいでしょうか？

image下に画像がある場合、

php
1<img src="<?php bloginfo('template_url'); ?>/image/test.png" alt="hogehoge">

と直接書けばいいですが、これが面倒なので、function.phpに画像パスを指定する関数を書きました。

php
1function replaceImagePath($arg) {
2  $content = str_replace('"image/', '"' . get_bloginfo('template_directory') . '/image/', $arg);
3  return $content;
4}
5add_action('the_content', 'replaceImagePath');

これで以下のコードなら画像を表示することができるのですが、

html
1<img src="image/test.png" alt="">

下の場合でも表示させたいです。

html
1<img src="image/test.png" srcset="image/test.png 1x, image/test.png 2x" alt="">

わかる方いらっしゃいましたら、宜しくお願いします！

行動規範の内容に同意します

回答1件

ベストアンサー

WordPress 4.4よりレスポンシブイメージという機能が搭載されました。WordPressで実装するのであれば、WordPressに搭載されている標準機能を使うようにした方が幸せになれると思います（たぶん）。

Responsive Images in WordPress 4.4

その他のアドバイスとして、bloginfo('template_url')やget_bloginfo('template_directory')ではなく、get_template_directory_uri()またはget_stylesheet_directory_uri()を使用するようにした方がよいと思います。

投稿2016/09/21 17:24