画像を持ってくる事もできます。
最新記事だけにつけるか、何日間を新着とするか、等。
色々設定できます。
Stinger5の新着記事一覧でNEWを表示させる
Stinger5では、
記事一覧はitiran.phpから呼び出されています。
という事で、itiran.phpをカスタムします。
以下のコードを探して下さい。
<h3><a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a></h3>
これを、変更します。
(このままコピーしないで下さい。UTF-8Nに変換して下さい。)
<h3><a href="<?php the_permalink(); ?>">
<?php
$last_post_ids = array();
//New!を付ける最新記事の件数
$lastposts = get_posts('posts_per_page=1');
foreach($lastposts as $lastpost) {
$last_post_ids[] = $lastpost->ID;
}
?>
<?php if ( in_array( $post->ID, $last_post_ids ) ) : ?>New!<?php endif; ?>
<?php the_title(); ?>
</a></h3>
以上です。
('posts_per_page=1');
のところ、
「1」を変えれば、何記事までNEWを付けるか変更できます。
NEWを画像にしたい時は
あらかじめ、
子テーマのimagesにNEW用の画像をアップロードしておきます。
その上で、上記の赤い部分のコードを以下に変更。
(このままコピーしないで下さい。UTF-8Nに変換して下さい。)
<?php
$last_post_ids = array();
//New!を付ける最新記事の件数
$lastposts = get_posts('posts_per_page=1');
foreach($lastposts as $lastpost) {
$last_post_ids[] = $lastpost->ID;
}
?>
<?php if ( in_array( $post->ID, $last_post_ids ) ) : ?><img src="<?php echo get_template_directory_uri(); ?>/images/画像名.JPG" width="30" height="30" alt="new" /><?php endif; ?>
上のコードでは、大きさは30×30pxで指定しています。
あらかじめ小さい画像を用意された場合は、
width="30" height="30"を削除して下さい。
フリー画像サイトでは、ちょうど良い小さいサイズのものを
提供してくれていますね。
記事公開日から7日間のみNEWをつけたい場合
あまり更新が無いサイトで、
1年前の投稿にNEWマークがついているのもどうでしょうね。
という事で、
公開日から7日間だけ、NEWを表示させる方法です。
追加する位置はさっきと同じです。
コードを以下に変更します。
(このままコピーしないで下さい。UTF-8Nに変換して下さい。)
<?php
$days = 7; //Newを表示させたい期間の日数
$today = date_i18n('U');
$entry = get_the_time('U');
$kiji = date('U',($today - $entry)) / 86400 ;
if( $days > $kiji ){
echo 'New!';
}
?>
以上です。
または、3時間だけNEWを表示させる方法もあります。
<?php
$hours = 3; //Newを表示させたい期間の時間
$today = date_i18n('U');
$entry = get_the_time('U');
$kiji = date('U',($today - $entry)) / 3600 ;
if( $hours > $kiji ){
echo 'New!';
}
?>
参考にしたサイト
WordPressでNew!を表示するパターン別4つの方法
新着記事に好きな日数だけ「NEWアイコン」を自動で出す方法を試したら案外簡単だった
こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。
当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。
必ずデータは最新のバックアップを取っておいて下さい。
WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。
当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。
詳細はWordPressヘルプを参照下さい。
ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)
スポンサードリンク