WordPressで新着の記事に「New!」を表示させる覚書。

Newを画像で表示
もう、随分前から試行錯誤していたことがある。

トップページやアーカイブページで、
新しい投稿のアイキャッチ画像にリボンを付ける。
[CSS]画像やパネルに斜めにしたリボンを重ねるスタイルシート | コリス
新着記事に好きな日数だけ「NEWアイコン」を自動で出す方法を試したら案外簡単だった | クリエイティブメモメモ
CSS3を使ってできる画像まわりのエフェクトやスタイリング18 | Webロケッツマガジン

まぁ、実験的な事で、
自分のサイトには似合わないけど、他で使えるかもと思っております。

今回は、リボンは置いといて
単純にNew!を新着の記事に付けたいと思います。

テキストで表示の場合

<span class="new"><?php
$days = 3; //Newを表示させたい日数
$today = date_i18n('U');
$entry = get_the_time('U');
$kiji = date('U',($today - $entry)) / 86400 ;
if( $days > $kiji ){
echo 'New!';
}
?>

テンプレートの表示したい箇所に追加します。
ねこもりやは、記事のMETA部分に入れましたが、タイトル前とかでもいいかな。

書き方は、色々ある様ですが 、
↓ねこもりやはこちらを参考にしました。
参考:WordPressでNew!を表示するパターン別4つの方法 | WordPress(ワードプレス)コミュニティ

↑ココに、テキストの色を変える方法などもあります。
画像にする方法もありましたー

画像で表示の場合

<span class="new"><?php
$days = 3; //Newを表示させたい期間の日数
$today = date_i18n('U');
$entry = get_the_time('U');
$kiji = date('U',($today - $entry)) / 86400 ;
if( $days > $kiji ){
echo '<img src="';
bloginfo('template_directory');
echo '/img/new.png" width="30" height="15" alt="new" />';//画像の場所

}
?>

テンプレートディレクトリの画像フォルダに画像をアップロードして、
テンプレートディレクトリからの画像の場所を指定します。
Newを画像で表示

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA