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 -->