ホーム»Web Tips»WordPress»

WordPressで記事中の一番最初の画像を自動で表示

 

WordPressで記事中の一番最初の画像を自動で表示

カテゴリ:WordPress   日付:2010年12月20日

WordPressをベースに制作しているウェブサイトで、サムネイルを表示したいときがありますよね。サムネイルを別途制作して、カスタムフィールドに登録する方法もありますが、一番簡単なのが、記事の中に表示されている画像を自動的にサムネイルとして表示させること。前にお知らせした「WordPressでサムネイルを表示する」だと、ページ番号などが対応できないので、この方法ですとindex.phpにサムネイルとしてページ番号も反映された状態で対応可能です。

◆ソースを追加

サムネイルを表示させたいThemesの中にあるfunction.phpに下記を追加します。(function.phpが存在しない場合は、別途制作します。ある場合は、そこに下記を追加するだけでOKです。)

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(); ?>" />

こんな感じで、記事に表示されている一番最初の画像をサムネイルのような感じで使用することができます。

この記事のソーシャルブックマーク

この記事のトラックバック

One Response to “WordPressで記事中の一番最初の画像を自動で表示”

  1. […] 結構使えるので助かりますね! >>参考サイト:cliplopさん […]

この記事にコメントを残す