サラリーマンが起業までの日々を綴るブログ

• ［公開日］2019/09/19

• HOME
>
• IT全般
>
• 最新の投稿に「NEW」を表示させたい【WordPress】

最新の投稿に「NEW」を表示させたい【WordPress】

WordPressにて、最新の投稿に「NEW」を表示させたい・・・

参考にしたのは以下の記事。

WordPressでNew!を表示するパターン別４つの方法

「NEW」を表示させたい箇所に以下を記述します。

1. <?php
2. $days = 7; //Newを表示させたい期間の日数
3. $today = date_i18n(‘U’);
4. $entry = get_the_time(‘U’);
5. $kiji = date(‘U’,($today – $entry)) / 86400 ;
6. if( $days > $kiji ){
7. echo ‘New!’;
8. }
9. ?>

ただ、これだと単に「NEW」と表示されて終わりなので、自分の場合は「NEW」をspanで囲み、

1. <?php
2. $days = 7; //Newを表示させたい期間の日数
3. $today = date_i18n(‘U’);
4. $entry = get_the_time(‘U’);
5. $kiji = date(‘U’,($today – $entry)) / 86400 ;
6. if( $days > $kiji ){
7. echo ‘<span>New!</span>’;
8. }
9. ?>

spanにスタイル設定しました。

1. #topics ul li span {
2.     color:#fff;
3.     background-color:#3e82b9;
4.     padding:0 5px;
5.     margin-right:5px;
6. }

こんな感じ。

より詳細につきましては WordPressでNew!を表示するパターン別４つの方法 をご参考に。

同じような記事はたくさんありますが、個人的には一番参考になりました。