WordPressテーマ制作-ステップ13-index.php作成4

投稿日:

Pocket

記事内容の抜粋を出力しましょう。 タイトルとカテゴリーと日付だけでは情報として不十分と感じたので、記事抜粋も入れます。こうすることで記事を見てくれる人が増えるかなと。以下の記述を追加します。場所は任意ですが、ここでは記事見出しと日付の間に入れています。


<?php the_excerpt(); ?>


最後に、記事の件数が1ページの表示件数を超え複数のページになる場合に、前後ページへのリンクを表示する処理をします。

<div>
<?php posts_nav_link(); ?>
</div>

これをコンテンツ部分の終了

タグの直前に追加します。これでindex.phpの編集は終了です! 最終的にはこんな感じのソースになっていると思います。

<div id="contents">

<h2>新着情報</h2>

 <?php if ( have_posts()): ?>

<ul class="posts">
 <?php while ( have_posts() ) : the_post(); ?>

<li>
 <a href="<?php the_permalink(); ?>">
 <?php if ( has_post_thumbnail() ) :
 the_post_thumbnail('thumbnail');
 else :
 echo '<img src="'; bloginfo( 'template_url' ); echo '/images/the_post_thumbnail_default.png" alt="デフォルト画像" class="attachment-thumbnail" />';
 endif; ?>
 </a>

<h3><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>



 <?php the_excerpt(); ?>
 



 <span>日付:<a href="<?php the_permalink(); ?>"><time datetime="<?php the_time('y-m-d'); ?>"><?php the_time( get_option('date_format') ); ?></a></span>
 <span>カテゴリー:<?php the_category(','); ?></span>
 

 </li>

 <?php endwhile; ?>
 </ul>

 <?php endif; ?>

<div class="post_navi">
 <?php posts_nav_link(); ?>
 </div>

 </div>

お疲れ様でした!

Pocket

カテゴリー:WordPress,テーマ タグ: , , , , ,

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です