投稿記事最初に表示される画像のURLを取得

ワードプレスで投稿記事の最初に表示される画像のURLを取得する方法 アイキャッチなどにも利用できます

ワードプレスで投稿記事の最初に表示される画像URLを取得する方法です。サムネイルとは別の画像を利用したいときなどに便利ですね。
投稿日: 2014/07/18
最終更新日: 2015/12/29
 

投稿記事の最初に表示される画像URLを取得する

投稿記事の最初に表示される画像のURLを取得

ワードプレスで投稿記事の最初に表示される画像を取得する方法があります。
アイキャッチで利用するなど使い道は様々。

アイキャッチなら投稿画面右側にある「アイキャッチ画像」で設定することも出来ますが、アイキャッチとは別の画像を記事紹介のときに利用したいときなどに便利です。

投稿内容から正規表現で画像を取得

投稿記事の最初に表示される画像を取得する具体的なソースコードは下記です。

具体的なファンクション関数・ソース

<?php
function first_catch_image() {
 global $post, $posts;
 $first_img = '';
 ob_start();ob_end_clean();
 preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matche_img);
 $first_img = $matche_img[1][0];
 
 if(empty($first_img)){ /*画像が無かったら*/
 $first_img = "画像が無かったら出力する画像URL";
 }
 return $first_img;
}
?>

上記をfunction.phpに追記して呼び出して利用するとスマートですね。

関数の呼び出し方

<? echo first_catch_image(); ?>

投稿された記事の中からimgタグを見つけ出して最初の一つ目を返しています。このfunction関数があればとても便利ですね。ぜひご活用下さい。

 
最新情報をお届けします
筆者のご紹介
角政典@moreiic
真性のお家大好きフリーランスです。プログラムよりご飯の方が断然好き!博多出身のデブデザイナー。インドアだけど遊んでくれる人募集中!
Twitter / google+
よく検索されてる記事