WordPress　新着記事のタイトルを表示する方法。

WordPressのテンプレートタグ、いろいろあって奥が深いです。

今回は、トップページやサイドバーに「新着記事のタイトル」を数件表示したりする時に使いたいなぁと思って、4通りの書き方を試してみました♪

多分、他にも記述方法がいくつもあると思いますが・・・とりあえず4通りをメモしてみます。

(2012.7.25追記)「WordPress 新着記事に「New!」表示をつけたい時」を書きました。

※1つ目だけデザインが全く違います。デザイン部分はCSSで後で整えるというコトでココでは見た目の違いはムシしてください。

記述前に確認。

2つ目と4つ目は、ダッシュボード→「設定」→「表示設定」で「1ページに表示する最大投稿数」で設定されている件数が表示されています。
他は記述内で5件表示と設定しているので、5件表示しています。

見た目で違いが分るようにする為、記述した件数とWordpressで設定した件数を変えています。

1つ目の方法

ループの中で日付けとタイトルを書きだしてます。

						<h3 class="post_title">新着情報</h3>
							<dl class="feed">

								<?php $posts = get_posts('numberposts=5&order=desc');
								foreach($posts as $post): ?>
									<dt>
									<span class="day">
										<?php echo date("Y年m月d日", strtotime($post->post_date)); ?>
									</span></dt>
									<dd>
									<a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>">
										<?php the_title(); ?>
									</a>
									</dd>

									<?php endforeach; ?>

								</dl>

2つ目の方法

ループの中で日付けとタイトルを書きだしてます。

						<h3 class="post_title">新着情報</h3>
							<ul class="feed">
								<?php if(have_posts()): while(have_posts()): the_post(); ?>
									<li>
										<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
										<span>(<?php echo get_the_date(); ?>)</span>
									</li>
								<?php endwhile; endif; ?>
							</ul>

3つ目の方法

ループを使わず、テンプレートタグwp_get_archivesを使ってみました。
参考：WordPressCodex日本語版

						<h3 class="post_title">新着情報</h3>
							<ul class="feed">
								<?php wp_get_archives('type=postbypost&limit=5&format=html'); ?>
							</ul>

4つ目の方法

ループを使わず、テンプレートタグwp_get_archivesを使ってみました。
参考：WordPressCodex日本語版

						<h3 class="post_title">新着情報</h3>
							<ul class="feed">
							<?php
								query_posts(
									Array(
										'post_type' => 'post',
										'orderby' => 'date',
										'order' => 'DESC'
								              )
							       	          );
								if (have_posts()) : while (have_posts()) : the_post();
							?>
 							<li>
							<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br>
 							</li>
							<?php
								endwhile; endif;
								wp_reset_query();
							?>
							</ul>

(2012.7.25追記)「WordPress 新着記事に「New!」表示をつけたい時」もよかったら一緒に見てください。