K4750.NET

2013-10-14

最近の投稿を表示する

WordPressにて最近の投稿を一覧表示させた際のメモ。BootstrapのList group＆Linked items（リストの要素にアンカータグを使う）にて実装している。

１．スクリーンショット

recentposts

２．ソースコード

最近の投稿を10個（'numberposts' => 10）表示する。また、個別投稿ページかつ記事のIDが一覧のIDと一致した場合（is_single() && get_the_ID() == $p->ID）は、アンカータグのclass属性にactiveを追加し、背景を強調する。

<div class="panel panel-default">
  <div class="panel-heading"><h4 class="text-muted">Recent Posts</h4></div>
  <div class="list-group">
    <?php foreach(get_posts(array('numberposts' => 10)) as $p) {?>
      <a class="list-group-item<?php if (is_single() && get_the_ID() == $p->ID) echo " active";?>"
         href="<?php echo get_permalink($p->ID);?>"><small><?php echo $p->post_title;?></small></a>
    <?php } ?>
  </div>
</div>