wordpressにて記事内からサムネイル画像を抽出する際の画像サイズの設定について

Question

###前提・実現したいこと

wordpressにて、ブログ等の記事内から、正方形のサムネイル画像を抜粋したいです。
現在、以下のサイトを参考にして、
400×400サイズのサムネイル画像を抜粋するようにしています。
また、記事内に画像がない場合は、noimg.jpgを表示するようにしたいです。

参考にしたサイトのリンクです

###発生している問題・エラーメッセージ

例えば、1000×600のような画像でしたら400×400の画像が表示されますが、
画像の縦、横のサイズのどちらかが400pxに満たない場合、
（例えば300×100や、1000×200等）
サムネイルが生成されず、尚且つnoimg.jpgも表示されなくなってしまう状況です。

画像の縦、横のサイズのどちらかが400pxに満たない場合でも、
サムネイル画像を表示させるようにさせたいのですがどのように記述すれば良いでしょうか。
もしくは高さ400px満たない場合ではwidth:100%として表示するように書くか、
最悪、画像のサイズが400pxに満たない場合はnoimg.jpgを表示させることはできるでしょうか。
よろしくお願い致します。

###該当のソースコード

/* サムネイル画像のサイズを変更 */
function catch_that_image_thumbnail() {
    global $post;
    if ( preg_match_all( '/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches) ) {
        $first_img = $matches[1][0];
        $first_img_thumbnail = substr_replace($first_img, '-400x400',strrpos($first_img,'.'),0) ;
    } else {
        $first_img_thumbnail = '/img/noimg.jpg';
    }
    return $first_img_thumbnail;
}

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 400, 400, true );

Answer 1

jQueryにて、エラーになってしまっている画像を置換える方法で解決となりました。

<script> $("img").error(function(){ $(this).attr({ ""src":"noimg.jpg" }); }); </script>

Answer 2

ファイルURLを取得してサムネイル用に置換したものを、ファイルパスに置換してfile_existsで存在確認して、無ければ最初に取得したURLかnoimg.jpgを表示するとか。

Comments

[yukabyo]

早速のご回答ありがとうございます。
回答内容はなんとなく理解できたのですが、file_existsのリンクも確認しましたが、wordpressもPHPも初心者でして、どこをどのように変更すればいいのか、わかりません。。
申し訳ありませんが、具体的なコードの修正内容を教えていただけるとありがたいですm(__)m