WordPressで記事内の一番目の画像をアイキャッチ代わりに使用する

 

 Web技術

「アイキャッチ画像を指定せずに記事内の
画像をアイキャッチ代わりに表示できないか。」

というお話がありまして調査しました。

記事内の一番目の画像を取得してアイキャッチ代わりに使用する方法です。

方法その1

記事内の一番目の画像を取得

記事内の一番目の画像を取得するための下記のコードをfunctions.phpに記述。

アイキャッチ画像の有無で条件分岐

取得した画像をアイキャッチ代わりにサイトに表示するときのコードです。
テンプレートのphpファイルに記述します。

アイキャッチ画像が設定されている場合はそのままアイキャッチ画像を表示し、
アイキャッチ画像がない時は記事内の一番目の画像を表示するようになります。

方法その2

アイキャッチ画像がなかったら記事内の一番目の画像を取得し、さらに画像がなかったら定義した画像を表示する

方法その1ではアイキャッチ画像の有無で条件分岐をテンプレートファイル内で行っていました。
方法その2ではfunctions.php内の記述で条件分岐も行っております。

テンプレートファイルには下記を記述します。


▼参考にさせていただきました。ありがとうございました。

 この記事の投稿者

taka

taka

Webサイト作ってます。
最近のモットー「決して無理をしないスタイル」

twitter: @taka_sbs

  • このエントリーをはてなブックマークに追加
  • 1 follow us in feedly

メッセージ

入力エリアすべてが必須項目です。
メールアドレスが公開されることはありません。

*コメント

*名前

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

ページ最上部へ