2016年4月4日

新着記事にはNEW!をつけて目立たせる方法、WordPressカスタム。

スポンサードリンク

 新着投稿に『NEW』をつけます。
画像を持ってくる事もできます。

最新記事だけにつけるか、何日間を新着とするか、等。
色々設定できます。

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ヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク