Blog

HOME > Web > Wordpress > 投稿 > 【WordPress】記事を公開してから○日間「New」を表示する方法

【WordPress】記事を公開してから○日間「New」を表示する方法

2017/08/23

投稿 カスタム投稿

備忘録です。

投稿やカスタム投稿で記事を公開してから○日間「New」を表示する方法です。

参考サイト
WordPress：更新・公開された日付をもとに記事へ「New」を付ける方法

ループ内に下記を追記
サンプルは7日間です。

<ul>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <li>
        <?php
            $days = 7;
            $today = date_i18n('U');
            $entry = get_the_time('U');
            $elapsed = date('U',($today - $entry)) / 86400;
            if( $days > $elapsed ){
                echo '<span class="new">NEW</span>';
            }
        ?>
        <p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
    </li>
    <?php endwhile; ?>
    <?php endif; ?>
</ul>

Newアイコンを画像で表示する
サンプルは3日間です。

<?php
  $days = 3;
  $today = date_i18n('U');
  $entry = get_the_time('U');
  $elapsed = date('U',($today - $entry)) / 86400;
  if ( $days > $elapsed ) {
    echo '<img src="' .get_bloginfo('template_url'). '/images/new.png" alt="New" />';
  }
?>

記事を更新してから○日間「New」を表示
サンプルは3日間です。

<?php
  $days = 3;
  $today = date_i18n('U');
  $entry = get_the_modified_date('U');
  $elapsed = date('U',($today - $entry)) / 86400;
  if ( $days > $elapsed ) {
    echo '<span class="new">New</span>';
  }
?>

複数箇所で使う
functions.phpに記述

function add_new( $date, $days ){
  $today = date_i18n('U');
  $elapsed = date('U',($today - $date)) / 86400;
  if ( $days > $elapsed ) {
    echo '<span class="new">New</span>';
  }
}

テンプレート内に記述
サンプルは3日間です。

<?php add_new(get_the_time('U'),3); ?>

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ