PlusOne Blog

【WordPress】新着記事に「NEW」マークを付ける方法

投稿記事一覧で、最近投稿した記事に「NEW」マークなどが付くと、読み手の注目を引くとともに分かりやすさも不可されユーザビリティの向上が図れます。
今回は、この「NEW」マークを付与できるようにしたので、その備忘録
 

 

NEWマークを付与する

NEWマークを付与するコードは以下になります。

 <?php
   $span = 10;  // NEWマークを表示する期間(このコードでは日間)
   $now = date_i18n('U');  // 現在の時間
   $entry = get_the_time('U');  // 投稿日の時間
   $term = date('U',($now - $entry)) / 86400;
   if( $span > $term ){
     echo '<span class="newMark">NEW</span>';
   }
 ?>

 
上記コードを「new」マークを、wp-Queryループ内の付与したい箇所に記載すればOK
 

メモ

 <?php
   echo date_i18n( $dateformatstring)
 ?>

$dateformatstring
 (文字列) (必須) 日付を表示する書式
日付と時刻の書式
 
PHPの「date」関数は、WordPress内で使用すると、UTC(協定世界時)を取得してしまいます。
なので、wordpressでローカライズされた書式で日付を取得するには「date_i18n」を使用します。
 

 

この記事を読む
記事一覧に戻る