WordPressで最新の投稿をウィジェットやプラグインを使用せずに取得・出力

公開日：2014/10/20

WordPress WordPress 投稿

WordPressで最新の投稿を表示させる場合は、ウィジェットの設定で追加することが可能です。

wordpress_newposts_1

また、プラグイン等を使用すれば簡単に設置することができます。

しかし、自由にデザインをカスタマイズしたい時はウィジェットやプラグインを使用しない方が編集しやすいです。

今回はWordPressで最新の投稿をウィジェットやプラグインを使用せずに取得して、出力させる方法を記載します。

最新の投稿をウィジェットやプラグインを使用せずに取得・出力

下記のソースをサイドバーなど最新の投稿を表示したい箇所に追加すれば、新着の5件を出力することができます。
※posts_per_pageで件数を指定

<?php
$args = array('posts_per_page' => 5, 'offset' => 0, 'order' => 'DESC', 'orderby' => 'date');
$newpost_query = new WP_Query($args);
?>
<?php if ($newpost_query->have_posts()): ?>
	<h3>最近の投稿</h3>
	<ul>
	<?php while ($newpost_query->have_posts()): $newpost_query->the_post(); ?>
		<li><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
	<?php endwhile; ?>
	</ul>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

<?php

$args = array('posts_per_page' => 5, 'offset' => 0, 'order' => 'DESC', 'orderby' => 'date');

$newpost_query = new WP_Query($args);

<?php if ($newpost_query->have_posts()): ?>

<h3>最近の投稿</h3>

<ul>

<?php while ($newpost_query->have_posts()): $newpost_query->the_post(); ?>

<li><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>

<?php endwhile; ?>

</ul>

<?php endif; ?>

<?php wp_reset_postdata(); ?>

また、アイキャッチ画像を出力する場合の例を下記に記述します。

<?php
$args = array('posts_per_page' => 5, 'offset' => 0, 'order' => 'DESC', 'orderby' => 'date');
$newpost_query = new WP_Query($args);
?>
<?php if ($newpost_query->have_posts()): ?>
	<h3>最近の投稿</h3>
	<ul>
	<?php while ($newpost_query->have_posts()): $newpost_query->the_post(); ?>
		<li>
		<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
		<?php if (has_post_thumbnail()): ?>
			<?php the_post_thumbnail(array(100,100)); ?>
		<?php else: ?>
			<img src="<?php echo get_template_directory_uri(); ?>/img/noimage.png" />
		<?php endif; ?>
		<?php the_title(); ?>
		</a>
		</li>
	<?php endwhile; ?>
	</ul>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

<?php

$args = array('posts_per_page' => 5, 'offset' => 0, 'order' => 'DESC', 'orderby' => 'date');

$newpost_query = new WP_Query($args);

<?php if ($newpost_query->have_posts()): ?>

<h3>最近の投稿</h3>

<ul>

<?php while ($newpost_query->have_posts()): $newpost_query->the_post(); ?>

<li>

<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">

<?php if (has_post_thumbnail()): ?>

<?php the_post_thumbnail(array(100,100)); ?>

<?php else: ?>

<img src="<?php echo get_template_directory_uri(); ?>/img/noimage.png" />

<?php endif; ?>

<?php the_title(); ?>

</a>

</li>

<?php endwhile; ?>

</ul>

<?php endif; ?>

<?php wp_reset_postdata(); ?>

上記以外にも最新の投稿を出力させる方法があります。

リストで出力させる場合

リストのみで出力させる場合は下記の方法でも最新の投稿を取得できます。
li要素で出力されます。

<h3>最近の投稿</h3>
<ul>
	<?php wp_get_archives('type=postbypost&limit=5'); ?>
</ul>

<h3>最近の投稿</h3>

<ul>

<?php wp_get_archives('type=postbypost&limit=5'); ?>

</ul>

get_posts()を使用した場合

get_posts()を使用した場合でも最新の投稿を取得できます。

<h3>最近の投稿</h3>
<ul>
<?php $posts = get_posts('numberposts=5&orderby=post_date&order=DESC'); ?>
<?php foreach($posts as $post): ?>
	<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>