ワードプレスで最も簡単にアイキャッチ画像を設定する方法

投稿記事の最初に表示される画像の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関数があればとても便利ですね。ぜひご活用下さい。