新着マークを付けてみる

エントリータイトルの横に新着マークを付けてみた。

新着マーク ←これ

参考記事
WordPress Note様-新着記事にNewマークを表示させる

1.以下のコードをfunctions.phpに追加。

/* 新着マーク */
function new_mark(){
	$days=1;
	$today=date_i18n('U');
	$entry=get_the_time('U');
	$diff1=date('U',($today - $entry))/86400;
	if ($days > $diff1) {
		echo "<span class='newmark'><img src='",get_bloginfo('stylesheet_directory') ,"/img/newmark.gif' alt='New Post Mark' /></span>";
	}
}

表示期間は1日に設定したが、変えたい場合は、$days=1の値を変える。

2.次に新着マークを表示したい箇所に、以下を追加。

<?php newmark(); ?>

具体的には、
変更前

<h2 class="post_title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

変更後

<h2 class="post_title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a><?php new_mark(); ?></h2>

3.後はスタイルシートで適当に整形。

.newmark {margin-left:0.5em;}
  1. コメントはまだありません。

  1. トラックバックはまだありません。


三 − = 1