WordPressの固定ページにサムネイル付きの投稿一覧を作る①

トップページなどにサムネイル付の投稿一覧を作りたくて色々調べてみた。
例によって自分のための備忘録。

ネットをいろいろ彷徨って調べたのでどのHPか失念してしまいましたが、教えてくれた方々に感謝!

さて、WordPress3.0には「アイキャッチ画像」という機能があり(2.9のときは投稿サムネイル)、これを使って投稿一覧を作っていきます。

まずは、functions.phpに
<?php
add_theme_support( ‘post-thumbnails’ );
set_post_thumbnail_size( 100, 100, true );
?>
を追加。
100, 100,は画像のサイズなので好きな大きさにして下さい。また、trueは切り抜き、falseにすればリサイズ。

次に、投稿一覧を置きたい場所に下記のコードを挿入。

<?php
$posts = get_posts( “numberposts=5&category=3&orderby=post_date&offset=0” );
foreach ($posts as $post):
setup_postdata($post);
?>

<?php endforeach; ?>

numberposts=5は表示する記事の数。これを変えることで表示数を変えられる。
category=3は表示したいカテゴリーID。すべてのカテゴリーを表示したければ、数字を消す。

あとは<?php endforeach; ?>の上の空いている行に次のコードを挿入していく。
サムネイル表示: <?php the_post_thumbnail(); ?>
タイトル表示:  <?php the_title() ?>
記事本文表示:  <?php the_content(); ?>

これで基本は終わり。一覧が表示されているはずですが、このままではリンクも張られていないし、CSSでいろいろできないので次は応用をやっていきます。

カテゴリー: WordPress タグ: , パーマリンク