wordpress開發：獲取上下篇日志的鏈接、標題、特色圖像

來源于：

https://blog.wpjam.com/m/wordpress-next-previous-post-permalink-title-thumbnail/

涉及到 WordPress 函數標簽

• get_next_post
• get_previous_post
• get_permalink
• get_the_title
• get_the_post_thumbnail

實現代碼

<div class="post-PrevNext">
	<?php
		$current_category = get_the_category();//獲取當前文章所屬分類ID
		$prev_post = get_previous_post($current_category,'');//與當前文章同分類的上一篇文章
		$next_post = get_next_post($current_category,'');//與當前文章同分類的下一篇文章
	?>
	<div class="previous_post_link">
		<?php if (!empty( $prev_post )): ?>
		<a href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php echo get_the_post_thumbnail( $prev_post->ID, '', '' ); ?></a> 上一篇: <a href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php echo $prev_post->post_title; ?></a>
		<?php endif; ?>
	</div>
	<div class="next_post_link">
		<?php if (!empty( $next_post )): ?>
		<a href="<?php echo get_permalink( $next_post->ID ); ?>"><?php echo get_the_post_thumbnail( $next_post->ID, '', '' ); ?></a> 下一篇: <a href="<?php echo get_permalink( $next_post->ID ); ?>"><?php echo $next_post->post_title; ?></a>
		<?php endif; ?>
	</div>
</div>

上述代碼

提取碼：無

解壓碼：無

下載

統一圖像高度、寬度：

.previous_post_link,.next_post_link,img{
	width: 420px;
	height: 230px;
}