注目キーワード
  1. 料金
  2. 実績
  3. 集客
  4. 値段

記事一覧ページでサムネイル画像ではなく、一番最初の画像をアイキャッチに表示させる方法

こんにちわ~

今日は、タイトルの通りにWordPressで構築したサイトで一覧ページのときに設定したサムネイル画像ではなく、記事の最初に設置した画像を表示させたい場合にどのように変更するかを説明していきます!!

記事内の最初の画像をサムネイルに設定する方法

最初にすることは、function.phpに記述することです。

下記コードを一番下に記述していきます。

function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){
// 記事内で画像がなかったときのためのデフォルト画像を指定
$first_img = “/images/default.jpg”;
}
return $first_img;
}

代わりに表示させる画像部分は、「$first_img= ~」に表示させたい画像パスを設定してください。

スポンサーリンク

テンプレートファイルで呼び出して表示

function.phpに記述したら、ファイルを更新して次に設定したいテンプレートファイルに記述していきます。

<?php if (has_post_thumbnail()) : ?>
<?php the_post_thumbnail(‘thumbnail’); ?>
<?php else : ?>
<img src=”<?php echo catch_that_image(); ?>” alt=”<?php the_title(); ?>” />
<?php endif ; ?>

サムネイル画像を表示させたい部分にこちらを入れ込んでいただくと表示できるかと思います。

結構実用性があると思うので、参考になればと思います。

 

ホームページ作成・運営保守・ネットショップ運営のことならApirosにお任せください!年間500件以上のホームページ作成・改修・運営の実績を誇ります。そこで培われた技術と経験で、あなたのホームページを作成・運営に大いに役立たせていただきます!どんな些細なことでもぜひ一度ご相談ください。

お問い合わせする >

スポンサーリンク