【WordPress】 自作テーマ 06:記事の一覧関連を作成する

  • 投稿 : 2020-11-18

手順

01:作るときに、最低限必要なファイルについて
02:記事ページ/固定ページを作成する
03:header.php/footer.phpを作成する
04:コメント欄 comments.phpを作成する
05:ウィジェットを追加できるようにする sidebar.php
06:記事の一覧関連を作成する  <=今回

006:記事の一覧関連を作成する

<?php get_header(); ?>
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">

<div class="archive-entries">

<?php if ( have_posts() ) :  ?>
<?php while ( have_posts() ) : the_post(); ?>
<section class="archive-entry" data-uuid="<?php the_ID(); ?>">
<div class="archive-entry-header">
  <h1 class="entry-title">
	<a class="entry-title-link" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
  </h1>
</div>
<div class="archive-entry-body">
<p class="entry-description">
  <?php the_excerpt(); ?>
</p>
</div>
</section>

<?php endwhile; ?>
<?php else : ?>

<?php endif; ?>
</div> <!-- .archive-entries -->

<?php //ページナビゲーション
   the_posts_navigation(); 
?>

</main><!-- .site-main -->
</div><!-- .content-area -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

index.phpとして上記を作成します。そうすると、トップページ、アーカイブページが記事一覧表示されるようになるかと思います。

これをベースに「archive.php」を年月アーカイブ、カテゴリーアーカイブになるように作成すると良いかも。

スポンサーリンク