記事一覧で「公開日」と「更新日」を並べて表示するには、WordPress のループ内で get_the_date() と get_the_modified_date() を組み合わせて書くのが定番です。以下に具体的なコード例を紹介します。
基本コード例（記事一覧用）
index.php や archive.php のループ部分に追加します。
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<article <?php post_class(); ?>>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p class="post-meta">
公開日: <?php echo get_the_date('Y年n月j日'); ?>
更新日: <?php echo get_the_modified_date('Y年n月j日'); ?>
</p>
<?php the_excerpt(); ?>
</article>
<?php endwhile; ?>
<?php endif; ?>
公開日と更新日が同じ場合は更新日を非表示にする
更新がない記事で「更新日」が公開日と同じだと冗長なので、条件分岐を入れるとスマートです。
<p class="post-meta">
公開日: <?php echo get_the_date('Y年n月j日'); ?>
<?php if ( get_the_date() !== get_the_modified_date() ) : ?>
／ 更新日: <?php echo get_the_modified_date('Y年n月j日'); ?>
<?php endif; ?>
</p>
CSSでデザインを整える例
.post-meta {
font-size: 0.9em;
color: #666;
}
.post-meta span {
margin-right: 10px;
}
実用的なアレンジ
- 公開日を「〇日前」と相対表示する →
human_time_diff()を利用 - 更新日を「最終更新:」とラベル変更してユーザーに分かりやすくする
- アイコンフォント（例: Font Awesome）を使って「📅 公開」「🔄 更新」と視覚的に区別
👉 これで記事一覧に「公開日」と「更新日」を並べられます。
