seno.ccWebデザイナーと２匹のハリネズミ

ブログの最新記事でタイトルの横にサムネイル付いているのをちらほら見かけるので、簡単なやり方を一つご紹介します。非常に簡単に導入できるのでphpが分からない人（私）でも大丈夫です。
※この方法は、各記事で“アイキャッチ画像”に設定している画像をサムネイルとして表示するものです。

1. 使用ソース
2. 設定方法

使用ソース

サムネイル付き最新記事一覧を表示させたい箇所に以下のソースを挿入してください。

<li class="post_list">
<h3 class="widget-title">最新記事一覧</h3>
<?php $posts = get_posts('numberposts=3'); ?>
<?php foreach($posts as $post): ?>

<div class="list">
<a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail(array(50,50), array('class' => 'left')); ?></a>
<a href="<?php the_permalink(); ?>">
<?php the_title(); ?></a>
</div>

<?php endforeach; ?>
</li>

これだけで表示されます。うん、簡単。

設定方法

<?php $posts = get_posts('numberposts=3'); ?>

の3を表示させたい記事の件数に置き換えてください。

<?php the_post_thumbnail(array(50,50), array('class' => 'left')); ?>

の50,50となっている数値はサムネイルの“横・縦”のピクセル数を意味しているので、表示させたいサムネイルサイズに置き換えましょう。
ちなみにこのソースでは、サムネイルがタイトルの左側に表示されるのですが’left’部分を’right’にしたら右側表示もできるのかもしれません。（使用頻度高くないので自分では試してません…）

以上で自分のwordpressサイト上にサムネイル付きの最新記事一覧が表示されます。次回はサムネイル付きの人気の記事一覧を表示する方法について書こうと思いますのでよろしければお楽しみにー。