2014年05月3日

最新記事をリンク付きサムネイルとタイトルで表示する

ワードプレスで最新の投稿記事をリンク付きの画像(サムネイル)とリンク付きのタイトルで何件か表示する方法。

テンプレートファイルの表示したい任意の場所に記述

<ul>
<?php
$args = array( 'posts_per_page' => 5 );
$lastposts = get_posts( $args );
foreach ( $lastposts as $post ) :
  setup_postdata( $post ); ?>
<li>
    <div class="thumbmail">
      <?php if(has_post_thumbnail()) { ?><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php echo the_post_thumbnail(); ?></a> <?php } ?>
    </div>
    <div class="title"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
    </div>
</li>
<?php endforeach; 
wp_reset_postdata(); ?>
</ul>

posts_per_pageは表示する記事数。数字で指定する。

CSSで.thumbnailと.titleを整える。

参考サイト
テンプレートタグ/get posts