基本的には、この24行のコードを過去24時間以内に公開された投稿に追加することを考えています。
<span class="new">New!</span>
投稿が24時間以上経過したら、インラインHTML要素を削除します。
これはこれまでのところ私のコードですが、この機能を実装する方法がわからない、誰かが何かアイデアを得ましたか?
<section class="post-wrap">
<ul class="filter">
<li><a href="<?php bloginfo( 'url' ); ?>/explorers">All</a></li>
<li><a href="<?php bloginfo( 'url' ); ?>/category/stories" class="stories">Stories</a></li>
<li><a href="<?php bloginfo( 'url' ); ?>/category/missions" class="missions">Missions</a></li>
<li><a href="<?php bloginfo( 'url' ); ?>/category/questions" class="questions">Questions</a></li>
</ul>
<?php
$temp = $wp_query;
$wp_query= null;
$wp_query = new WP_Query();
$wp_query->query('posts_per_page=10'.'&paged='.$paged);
while ($wp_query->have_posts()) : $wp_query->the_post();
?>
<?php if (in_category(3)) {?>
<article class="mission" id="post-<?php the_ID(); ?>">
<a href="<?php the_permalink(); ?>">
<div class="headline">
<h1><?php the_title(); ?> <span><?php echo get_the_date(); ?></span></h1>
<?php global $more; $more = 0; the_content(''); ?>
</div>
<div class="pseudo-link">Accept</div>
</a>
</article>
<?php } ?>
<?php if (in_category(4)) {?>
<article class="story" id="post-<?php the_ID(); ?>">
<a href="<?php the_permalink(); ?>">
<span class="new">New!</span>
<div class="headline">
<h1><?php the_title(); ?> <span><?php echo get_the_date(); ?></span></h1>
<p><?php the_field('author_details'); ?></p>
</div>
<div class="pseudo-link">Read more</div>
</a>
</article>
<?php } ?>
<?php if (in_category(5)) {?>
<article class="question" id="post-<?php the_ID(); ?>">
<h2><?php the_title(); ?></h2>
</article>
<?php } ?>
<?php endwhile;?>
<div class="next-prev">
<?php next_posts_link('Older Posts') ?>
<?php previous_posts_link('Newer Posts') ?>
</div>
<?php $wp_query = null; $wp_query = $temp; wp_reset_query(); ?>
</section>
現在の時刻と投稿日のUNIXタイムスタンプを比較します。
// now minus one day in seconds
if ( ( time() - 86400 ) < get_the_date( 'U' ) )
{
echo '<span class="new">New!</span>';
}