【WordPress・PHP】最近・最新の投稿記事を表示するためのソースコード

この記事は約3分で読めます。

WordPressを使って最近・最新の記事を投稿することはできますが、今回はその投稿記事をソースコード上で表示してみます。

現役エンジニア以外の文系未経験の方でも簡単に作れるようにソースコードを掲載しました。

本記事で必要になる画面(ソースコード)は下記に記しております。

おのおのミスしないようにプログラミングして作成していきましょう。

スポンサーリンク

【WordPress・PHP】最近・最新の投稿記事を表示するためのソースコード

<div class="widget">
<h2>最新の投稿記事</h2>
<?php
	$args = array('posts_per_page' => 3, );
	$my_query = new WP_Query($args);
	if($my_query -> have_posts()):
?>

<?php
	while($my_query->have_posts()) : $my_query->the_post();
?>
	<li class="clearfix">
		<div class="sidebar-recent-posts-title">
			<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
			<p class="sidebar-date">
			<?php the_time(get_option('date_format'));) ?>
			</p>
			<p class="sidebar-comment-num">
			<?php comments_popup_link('comment : 0','comment : 1','comments : %'); ?>
			</p>
		</div>
	<p class="sidebar-thumbnail-box">
		<a href="<?php the_permalink(); ?> title="「<?php the_title(); ?>」の続きはこちら"">
	<?php
	//アイキャッチ画像
	if(has_post_thumbnail()): the_post_thumbnail(array(75, 75));
	else : 
	?>
	<img src="<?php echo get_template_directory_uri(); ?>
	/images/noimage.gif" width="75" height="75" alt="" />
	<?php
	endif;
	?>
	</a></p></li>
	<?php endwhile; ?>
	</ul>
	<?php endif; ?>
	<?php wp_reset_postdata(); ?>
</div>

 

 

タイトルとURLをコピーしました