wordpressでアイキャッチ画像を新着情報に掲載する方法

wordpressの新着情報に投稿タイトルと一緒に、
サムネイルを表示させたいと思いあれこれ探していたら、
この方のサイトにやりたいことのコードがそのまま掲載されていました。

WordPress|アイキャッチ画像(サムネイル)を新着記事一覧に表示する方法

いや~、本当に助かりました。
会ってお礼を言いたいくらい。
ありがとうございました。

詳しくは上記サイトを見ていただくとして、
自分の備忘録として残しておきます。

<?php query_posts('showposts=4'); <!-- 表示ポスト数 -->
if (have_posts()) : while (have_posts()) : the_post(); ?>
<dl>
<dt>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(80,80)); ?></a><!-- 80の部分は画像サイズ -->
</dt>
<dd>
<a href="<?php the_permalink(); ?>">
<h3><?php the_title(); ?></h3>
<p class="postdate"><?php echo get_the_date('Y年n月j日'); ?></p>
<p><?php echo mb_substr(get_the_excerpt(), 0, 46); ?></p><!-- 46は記事の文字数 -->
</a>
</dd>
</dl>
<?php endwhile; endif; wp_reset_query(); ?>

あとはcssで整形すれば新着情報に、
サムネイルとタイトル・投稿日時・記事の文頭が表示されます。
誰かのお役に立てれば幸いです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

パソコンとネットの何でも屋さん兼農家見習い中
2021年に奥さんに腎移植して人生の価値観が大きく変わりました
何が起きても諦めずに生き抜く力が一番大切
時々ブログも書いてます

目次