0°

wordpress开发:获取上下篇日志的链接、标题、特色图像

获取博文上下文标题、链接、特色图像

来源于:

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

wordpress开发:获取上下篇日志的链接、标题、特色图像

涉及到 WordPress 函数标签

实现代码

<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;
}
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论