WP 新着情報一覧に記事内の画像をサムネイルで取得し表示する方法

WP 新着情報一覧に記事内の画像をサムネイルで取得し表示する方法

ワードプレスで、新着情報を表示させるときに、記事内の画像や写真をサムネイルで表示させたいことって多いですよね!

そんな時は、以下の分を、functions.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)){ //Defines a default image
$first_img = “/images/default.jpg”;
}
return $first_img;
}

 

そして、表示させたいループ内に、

<img src=”<?php echo catch_that_image(); ?>” alt=”” width=”50px” />

と記載すればOKです!

 

ちなみに、幅だけ上のように記載して、
高さは、親要素のdivやspanで囲ってその親要素にheightの指定をしてoverfloow:hedden;すればOKだと思いますよ!!

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP