ホームページ制作のライフスタイルクリエイターズ|神田翼|フリーランスWebデザイナー

WordPressテーマカスタマイズ

2018/03/21 2018/03/31

WordPressでアイキャッチが設定されていない時に「No image」の画像を表示するコード

スポンサーリンク

こんにちは、フリーランスパパの神田翼(@tsubasa_lsc)です。

今回の記事は、自分でWordPressのテーマを作成している人向けです。数年前、お客さんにWordPressを構築したホームページを納品して、「アイキャッチは必ず設定してブログを公開してください」とお客さんに伝えました。しかし数日すると、アイキャッチを設定せずにバンバン公開しているではないですか!!アイキャッチを設定しないということを想定していなかったので、デザインが崩れてしまいました。

その時から、「No image」の画像を表示するようになりました。

アイキャッチが設定されていない時に「No image」の画像を表示するコード

以下がコードです。わかりやすいように余分なところは極力省きました。

注意事項

「画像のURL」と書いてある部分に、No imageの画像のURLを書いて下さい。この時に絶対パスで記述して下さい。必要であれば、altも書き換えて下さい!以上です。

スポンサーリンク

デザイナー/フリーランスパパ@神田翼
神田翼

フリーランスのWebデザイナーの神田 翼です。2児の父親です。父親でもガッツリ子育てがしたいという思いから、フリーランスとして働くことにしました。このブログではフリーランス・子育て・WordPress・ブログ運営のことを書いています。(プロフィール)

関連記事

最新の記事一覧