採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマZERO:記事の最終更新日を表示する方法

Q.記事の最終更新日(投稿が修正された日付)を表示させたいです。

▼カスタマイズ後のイメージ
カスタマイズ後のイメージ

A.下記の方法でカスタマイズしてください。

1. 最終更新日を表示させる

編集するファイル: single.php
編集する箇所: 23行目付近

<?php if ( $options['show_view'] ){ ?><li class="view"><?php the_post_views(); ?> view</li><?php }; ?>

 ↓ 一行追加します。

<?php if ( $options['show_view'] ){ ?><li class="view"><?php the_post_views(); ?> view</li><?php }; ?>
<li class="date_update">最終更新日: <?php the_modified_date('Y.m.j'); ?></li>
2. CSSで見た目を調整する

外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。

#post_meta_top .view { float: left; }
.date_update { margin-left: 230px; line-height: 2.5; font-size: 12px; }
@media screen and (max-width: 991px){
  #post_meta_top .view { float: none; }
  .date_update { margin-left: 0; }
}

 
上記カスタマイズでは閲覧数の隣に最終更新日が表示されるようにしています。表示する位置や文言、上記のCSS記述は一例となりますので、適宜ご変更ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事