【AFFINGER6】投稿日と更新日の両方を表示する方法【3分で出来る】

2022年4月1日

しの

はじめまして、しのです。 WEBデザインやプログラミング、SEO、ブログ術に関する記事を主に書いています。ブログの月間PVは約40000PV、月間収益は5桁です。 SEOで検索上位１位を約50件獲得(2024年6月時点)。

疑問を持つ人

AFFINGER6を導入したけど記事の投稿日と更新日の両方を表示させるためにはどうすればいいんだろう？

本記事では上記の疑問を解決します。

しの

この記事で分かること

・AFFINGER6で投稿日、更新日の両方を表示する方法がわかる

投稿日と更新日の両方を表示する方法

では早速見ていきましょう。

STEP1.投稿設定を変える

ダッシュボード→AFFINGER管理→投稿

を選択します。

その後、以下のように「両方表示する」にチェックを入れましょう。

他のチェックボックスにチェックが入っていれば外しておいて下さい。

STEP2.テーマファイルを書き換える

次に

外観→テーマファイルエディタ

を選択し、右側の「テーマファイル」の欄から「itiran-date-tag.php」というファイルを選択します。

すると19行目辺りに以下の記述があります。

if ( ! $show_published_date && trim ( $updatewidgetset ) === '' && $today_date ): ?>
		<i class="st-fa st-svg-refresh"></i><?php echo esc_html( $today_date ); ?>
		<?php elseif ( ! $show_published_date && trim ( $updatewidgetset ) === '' && ( get_the_date() != get_the_modified_date() ) ) : ?>
		<i class="st-fa st-svg-refresh"></i><?php the_modified_date( 'Y/n/j' ); ?>

この赤枠の辺りにあります。

こちらの記述の後に以下の一文を加えます。

<i class="st-fa st-svg-clock-o"></i><?php the_time( 'Y/n/j' ); ?>

完成形がこちら

if ( ! $show_published_date && trim ( $updatewidgetset ) === '' && $today_date ): ?>
		<i class="st-fa st-svg-refresh"></i><?php echo esc_html( $today_date ); ?>
		<?php elseif ( ! $show_published_date && trim ( $updatewidgetset ) === '' && ( get_the_date() != get_the_modified_date() ) ) : ?>
		<i class="st-fa st-svg-refresh"></i><?php the_modified_date( 'Y/n/j' ); ?>
　　　<i class="st-fa st-svg-clock-o"></i><?php the_time( 'Y/n/j' ); ?>//この一行を追加する。

このように記述する事で、投稿日と更新日の両方を表示できるようになりました。