指定期間or時間だけ記事タイトルに「NEW」マークをつけるコピペ方法
今日は朝から大盛りご飯パック2つと、セブンイレブンのハンバーグ、バナナ1本、そしてプロテインをがぶ飲みしたY氏(@neverchange1414)です。
事務所に筋トレマシンを購入して早一年が経過。
夏前にならないと気合が入らないようじゃまだまだだなって本当に思う。
カイジの大槻班長の言葉が胸に突き刺さる。
「明日からがんばろう」という発想からは…
どんな芽も吹きはしない…!
そのことに 20歳を超えてもまだわからんかのか…!?
明日からがんばるんじゃない…
今日…今日だけがんばるんだっ…!
今日がんばった者…今日がんばり始めた者にのみ…
明日が来るんだよ…!
さて、今日はちょっとしたプチカスタマイズ。
トップページの新着記事一覧や、カテゴリーページの記事一覧。投稿してから数日間は「NEW」マークなどを付けて目立たせたい!って思ったことはないだろうか?
ふっ、そんな小細工いらないよ!って人は、僕のオススメのプロテインを拝見して別ページへ行っくていもうのもあり!
興味のある人は是非続きを!
コピペ一発の「NEW」マーク設置
僕がブログで紹介するカスタマイズは基本、初心者の方へ向けたカスタマイズが多いので、大体はコピペで大丈夫だよ!っていうものを選別している。
今日は記事一覧に「NEW」マークをつける方法!
新着記事は自動的に上部にくるようになっていると思うが(並び替えなどを指定していない限り)、ちょっとしたアクセントとして、そして閲覧してくれている読者へ最新記事がありますよ!ってアピールするため。
そういった目的で使用できるので、無駄ではないカスタマイズだと思う。
毎日訪問しているサイトでも、ぱっと見だけでは新着記事の有無を判断できない事も多い。
サイトを開く度に新しい記事が増えていると読者も嬉しい。
それでは早速!
指定日数「NEW」マークを付けたい位置へ書くコード
<?php
$days=2;
$today=date('U'); $entry=get_the_time('U');
$diff1=date('U',($today - $entry))/86400;
if ($days > $diff1) {
echo 'NEW';
}
?>
以上で完了!
各々の変更箇所は、
$days=2;
この部分は何日間NEWマークを表示しますか!っていう部分。
上記の例なら2日間表示される。
指定時間「NEW」マークを付けたい位置へ書くコード
<?php
$hours = 30; //Newを表示させたい期間の時間
$today = date_i18n('U');
$entry = get_the_time('U');
$kiji = date('U',($today - $entry)) / 3600 ;
if( $hours > $kiji ){
echo 'NEW';
}
?>
$hours = 30;
この部分は何時間NEWマークを表示しますか!っていう部分。
NEWの部分に自分の好きな文字を入れるだけ。もちろんspanなどでテキストの色や太さも変更できるし、画像を入れてもオッケーなんだけど、こんな微々たる画像でもサイトの表示を遅くする原因になるのでテキストの方がベターだろう。
ブログテンプレートのレイアウトなどによって最適な位置は変わってくるが、日付の前や、タイトルの前あたりに表示するのがオススメ。
僕のブログを例に出すとこんな感じ。
読者へのちょっとした気配りとして活躍する!
はず!
まとめ
まとめるまでもないカスタマイズ紹介だったけど、多少なり違いは有る。
一番の目的は読者に最新記事があります!って、アピールすること、できること!
更新頻度が少ないブログで、NEWマークの表示期間を短く設定すると逆効果になるので気をつけて欲しい!
例えば3日に1回の更新なのに、NEWマークの表示を1日に設定してしまうと、2日間NEWマークがない状態になってしまう!
自分の更新頻度を考慮した上で表示期間を決めよう!