WordPress

【WordPress】月別アーカイブページの作成方法

2023年6月2日

※ 当サイトではアフィリエイト広告を利用しています

【WordPress】月別アーカイブページの作成方法画像

この記事では「WordPressで月別アーカイブページの作成方法」について解説します。

月別アーカイブはよくサイドバーで見かけるものです。

WordPressでオリジナルテーマを作成する中で、場合によっては必要になる部分なので学習していきましょう。

WordPressオリジナルテーマ作成方法の流れは以下の記事で記載しています。

あわせて記事を読む

WordPressで月別アーカイブリストの作成方法

月別アーカイブリストとは、サイドバーでよく見かける下記のようなもののことです。(当ブログでもサイドバーにあります)

アーカイブリスト

月別アーカイブページを作成する前に、アーカイブリストを作成します。コードは下記になります。

〇 index.php

<ul class="list">
  <?php wp_get_archives('post_type=post&type=monthly&show_post_count=1'); ?>
</ul>
アーカイブリスト表示結果

簡単な月別アーカイブリストが表示されました。アーカイブリストはwp_get_archives() というテンプレートタグを使うのが一般的です。wp_get_archives() を使うと、下記のようなHTMLが出力されます。

<ul class="list">
  <li><a href="http://test.com/2023/05/">2023年5月</a></li>
  <li><a href="http://test.com/2023/04/">2023年4月</a></li>
  <li><a href="http://test.com/2022/05/">2022年5月</a></li>
</ul>

イメージとしては下記のように、アーカイブリストを表示してリストの項目をクリックすると、date.phpで月ごとの一覧ページが表示される、という仕組みになります。(プルダウンのアーカイブリスト作成は後述します)

月別アーカイブ

年別アーカイブリストの場合

なお、年別アーカイブリストにする場合は、下記のようにmonthlyをyearlyに変更します。

<ul class="list">
  <?php wp_get_archives('post_type=post&type=yearly&show_post_count=1'); ?>
</ul>
アーカイブリスト年別

記事数を表示させたくない場合

記事数を表示させたくない場合は、下記のようにshow_post_count=0にします。(記事を表示させる場合は1にする)

<ul class="list">
  <?php wp_get_archives('post_type=post&type=monthly&show_post_count=0'); ?>
</ul>
月別アーカイブリスト

月別アーカイブリストをドロップダウンで表示

ドロップダウンなのでselectタグで囲む必要があります。

<select name="" onchange="document.location.href=this.options[this.selectedIndex].value;">
  <option disabled selected value>アーカイブ</option>
  <?php wp_get_archives('type=monthly&format=option&post_type=post&type&show_post_count=1'); ?>
</select>

formatにはoptionを指定します。

下記のようなHTMLが出力されます。

<select name="" onchange="document.location.href=this.options[this.selectedIndex].value;">
  <option disabled="" selected="" value="">アーカイブ</option>
  <option value="http://test.com/2023/05/"> 2023年5月  (1)</option>
  <option value="http://test.com/2023/04/"> 2023年4月  (1)</option>
  <option value="http://test.com/2022/05/"> 2022年5月  (1)</option>
</select>
プルダウンアーカイブリスト

WordPressで月別アーカイブページの作成方法

月別アーカイブページはdate.phpが必要になります。date.phpで下記のように記述します。

〇 date.php

<h2><?php echo get_the_date('Y年n月'); ?> 記事</h2>

<?php if (have_posts()) : ?>
  <!-- 記事があるか確認 -->
  <?php while (have_posts()) : the_post(); ?>
    <!--while (have_posts()) 記事があるだけ処理を繰り返す -->
    <!--the_post()  次の記事を取得 -->

    <a href="<?php the_permalink(); ?>">
    <!--記事のパーマリンク取得 -->

      <!-- 記事タイトル表示 -->
      <?php the_title(); ?>
    </a>
  <?php endwhile; ?>

<?php else : ?>
  <!-- 記事がなかったら表示 -->
  投稿がありません。
<?php endif; ?
月別アーカイブページの表示

月別の記事リストページが表示されるようになります。

まとめ

月別アーカイブページを作成する方法について解説しました。テンプレートタグのwp_get_archive()はアーカイブリスト作成でよく使われるテンプレートタグなので覚えておきましょう。

  • この記事を書いた人
アバター画像

こうだい

兼業でWeb制作事業|31歳|本業畑違いで知識0から学習開始→1年目で初案件獲得→2年で月の兼業受注金額70万円達成|4年目で100万円達成(今ここ)|兼業でも稼げることを確信|Web制作メンター|制作費無料のホームページ制作事業運営|コーディング・ホームページ制作のご依頼もお待ちしております

-WordPress
-, ,