WordPressプラグイン/imageExtractorを使って、
最新エントリーから画像を抽出して、サムネイルの一覧を作成しまてみました。

image extractor 300x123 最新エントリーから画像を抽出して、サムネイル一覧を作成 WordPressプラグイン/imageExtractor

↑こんな感じです

imageExtractorならサムネイルとしてリサイズした画像は
サーバーに保存しておくこともできるので表示速度もGood。

■imageExtractorの使用方法

(1)imageExtractorをこちらからダウンロード↓
imageExtractorのダウンロード

(2)ダウンロードしたファイル(zip形式)を展開して、
imageExtractor > imageExtractor.php をテキストエディタで開く。

(3)48行目の$destinationDirを編集する。
リサイズ後の画像を入れるフォルダを指定する。

$destinationDir="/wordpress/wp-content/uploads/";

(4)imageExtractorフォルダごと
/wordpress/wp-content/plugins にアップロード。

(5)imageExtractorは下記の形で使う。

image_extractor(サムネイル作成の有無, リサイズ方法, 高さ, 横幅, ‘クラス名’,$post->ID, ‘前タグ’, ‘後タグ’);
■コード
image_extractor(true, 2, 100, 100, ‘feature-image’,$post->ID, ‘<a href="’.get_permalink( $post->ID ).’">’, ‘</a>’);?

■HTML出力
<a href="http://internet-explorer9.info/コネタ/564/"><img src="/wordpress/wp-content/uploads/100×100-ie9js.png" alt="ie9.js" width="100" height="100" class="feature-image" id="564"/></a>

■サムネイル一覧の作成方法

これだけだとサムネイル一覧にならないので、
index.phpなどの一覧のページにこんな感じで記載。

<?php
if (have_posts()) : while (have_posts()) : the_post();
   if($img_id_count == 4){
      break;
   }
   preg_match("/<img/i",$post->post_content,$match);
   if($match[0] != ""){?>
      <div class="imgblock">
         <?php image_extractor(true, 2, 100, 100, ‘feature-image’,$post->ID, ‘<a href="’.get_permalink( $post->ID ).’">’, ‘</a>’);?>
         <a href="<?php echo get_permalink( $post->ID );?>">
         <?php the_title(); ?>
         </a>
      </div>
      <?php
      $img_id_count ++;
   }
endwhile;
endif;
?>

結果はこれ。
image extractor 300x123 最新エントリーから画像を抽出して、サムネイル一覧を作成 WordPressプラグイン/imageExtractor

実際のページはこちらです。
http://internet-explorer9.info/

便利ですね。

PR:[IE9ベータ版で文字サイズ(フォントサイズ)を変更する方法]