[WordPress] テーマ内のimagesフォルダ内に指定された画像があるかどうか取得してみた

こんにちは! WordPressのテーマ制作に没頭中の いわだて (@dutchisover) です!

noimage

画像ファイルがないと…

テーマのimagesフォルダの中に指定されたファイル名の画像ファイルが存在しているかどうか、を判定しないといけなくなりまして、少しハマったので書いてみました。

例えば、imagesフォルダ内に hoge.jpg という画像ファイルがあるかどうかをチェックして、あれば imgタグ をHTMLで出力し、なければ imgタグ自体を出力させないようにしたいのです。

なんでこんなことしようと思ったのか、といいますと、画像ファイルが存在しないのにimgタグがあると、以下のようにみっともなくなります。

画像ファイルがないと ? マークになってしまいます。

なので画像がないときは非表示にしたい!というコトです。

コードです

まずはファイルまでのURLの取得のやり方です。

これで取得できるので、あとはif文などで使えます。
一例です。

※ テーマ内のフォルダ名が「images」や「image」など名前が違う場合や、画像の拡張子が「.jpg」や「.png」などでは 適宜変更して使ってください。

Sponsored