スタッフブログStaffblog

NEWマークを動的に動かす方法

2020.12.16
スタッフブログ

新入社員の立原です。

本日はNEWマークを投稿時には表示され、決められた時間が経つと非表示になるように動的に動かす方法をご紹介します。

方法は、下記のPHPコードを組み込みたい場所に入れ込むだけになります。


< ?php
$days = 7;
$today = date_i18n('U');
$entry = get_the_time('U');
$kiji = date('U',($today - $entry)) / 86400 ;
if( $days > $kiji ){
echo '< span class="">NEW< /span>';
}
?>

< span class="">には作成したデザインのクラス名を挿入します。

$days = には、NEWを表示させたい期間の日数を挿入します。7日の場合は7にします。

$kiji = の86400は一日の秒数を意味しています。86400=1日になるので、数時間、数分などに設定し、動作を確認したい場合には設定する秒数を変更してください。

今回は「記事をアップしてから」の日数で計算するコードになるので、確認をする際はその点を注意しながらおこなってください!

この記事をSNSでシェア!