WordPressでトップページに最新記事5件をリスト表示

投稿者: | 2010/05/27

トップページによくあるメモ書きです。

トップページに最新記事5件を日付・タイトルをリスト表示。
さらに過去30日以内の記事にはNEWアイコンを付けるコード。

<ul>
	<?php query_posts('posts_per_page=5'); ?>
	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	<li>
	<span class="date">
	<?php the_time('Y年n月j日'); ?>
	<?php
		$days=30;
		$today=date('U'); $entry=get_the_time('U');
		$diff1=date('U',($today - $entry))/86400;
		if ($days > $diff1) {
	echo '<img src="images/new.gif" alt="New" />';
	}
	?>
	</span>
		<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
	</li>
	<?php endwhile; endif; ?>
	<?php wp_reset_query(); ?>
</ul>

過去記事の日数は($days=30;)を変更すればOK。アイコン(images/new.gif)はお好みで

関連記事

WordPressでトップページに最新記事5件をリスト表示」への20件のフィードバック

  1. おさるのおやこ

    使わせていただきました。すばらしいコードをありがとうございます。

  2. ピンバック: WordPressのトップページにニュースタイトル欄を設けたい | home and abroad

  3. ピンバック: トップ画面にブログの新着記事を載せる « wp!

  4. ピンバック: 静的ページに新規投稿反映 | 54desing blog

  5. ピンバック: ThePermrian » Blog Archive » ブログ改善5

  6. ピンバック: 最新記事をトップページに表示 | BOX of Pictures

  7. ピンバック: 過去30日以内の投稿記事に「NEW」を表示する。 « StellaDesign

  8. ピンバック: MasterPeace21あらためMasterPeace21、自作テーマで再スタートです! | MasterPeace21

  9. ピンバック: プラグインは使わない!Wordpress カスタマイズまとめ40 | コムテブログ

  10. ピンバック: TheSiteForWeb ほかのページに見つけたすばらしいコード | TheSiteForWeb

  11. ピンバック: Wordpress 新着記事に「New!」表示をつけたい時 | Web雑記帳。

  12. ピンバック: トップページに最新記事一覧をテスト表示 | しるこや

  13. ピンバック: wpカスタマイズ参考メモ? | くら★キラ

  14. ピンバック: ワードプレスカスタマイズ 最新投稿記事をトップに表示させる方法 | AmebloBIZ2 カスタマイズサポートブログ

  15. ピンバック: (K)WordPressでコーポレートサイトを初めて作った時に参考にさせてもらったサイト様【参考】 | web(K)campus

  16. ピンバック: Wp ちょっとだけカスタマイズしてみる | vai's secret room

  17. ピンバック: WordPress

  18. ピンバック: 【WordPress】フロントページ(トップページ)に新着記事を表示する【PHP・CSS】 – 不器用ド貧乏日記

  19. ピンバック: 最新情報リストを追加する | スナフキンの備忘録

  20. ピンバック: LIBRAD WORK » Blog Archive » WordPressでトップページに最新記事5件をリスト表示

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*