MENU

【WordPress】新着記事に「NEW」マークを一定期間だけ表示させる方法

WEB制作のスキルを独学や未経験で...
【WordPress】新着記事に「NEW」マークを一定期間だけ表示させる方法 | WEB制作のスキルを独学や未経験でも... WordPressの新着一覧記事に「NEW」というマークを一定期間表示させているサイトをご紹介しています。「NEW」マークを表示させるには、テンプレートファイルを編集する方法...
<section class="l_container">
    <h2 class="title">新着情報一覧</h2>
    <div class="topics_card">
        <a href="<?php the_permalink(); ?>">
            <?php if ( has_post_thumbnail() ): ?>
            <p class="card_image">
                <!--  コード追加部分  -->
                <span class="new_mark">
                <?php
                    $day  = 7; // 表示させる期間の日数を入れます
                    $today = date_i18n('U');
                    $post_day = get_the_time('U');
                    $term = date('U',($today - $post_day)) / 86400;
                    if( $day > $term ){
                        echo 'NEW';
                    }
                ?>
                </span>
                <!--  コード追加部分  -->
                <?php the_post_thumbnail('medium'); ?>
            </p>
            <?php else: ?>
            <p class="card_image">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/common/no_image.gif" width="300" height="157"  alt="NO IMAGE">
            </p>
            <?php endif; ?>
            <h3 class="card_title"><?php the_title(); ?></h3>
        </a>
        <?php endwhile; else: ?>
        <p>まだ投稿はありません。</p>
        <?php endif; ?>
    </div>
    <!-- //  .topics_card  END -->
</section>
<!-- //  .l_container  END -->
目次