スポンサー
もう、随分前から試行錯誤していたことがある。
トップページやアーカイブページで、
新しい投稿のアイキャッチ画像にリボンを付ける。
＞[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!を表示するパターン別４つの方法 | 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" />';//画像の場所
}
?>
テンプレートディレクトリの画像フォルダに画像をアップロードして、
テンプレートディレクトリからの画像の場所を指定します。
スポンサー
ニュースレターを購読する
