优化WordPress上一篇和下一篇只显示同栏目文章

橘子网 2,010 0

之前橘子君写过一篇实现WordPress上一篇和下一篇功能的文章,前篇的文章只是纯粹实现该功能,虽然有一定的优化效果,但是并未完全从优化角度考虑。为此,橘子君对该代码做了一番调整,让实现上一篇和下一篇功能的文章调用自同栏目,下面代码几经博主修改和调整,完全适用于本站,如果WordPress站长们感兴趣也可做如下参考。

优化后的代码

<?php
	$categories = get_the_category();
	$categoryIDS = array();
	foreach ($categories as $category) {
		array_push($categoryIDS, $category->term_id);
	}
	$categoryIDS = implode(",", $categoryIDS);

	if (get_previous_post($categoryIDS)) {
		previous_post_link('<i class="fa fa-chevron-circle-up" aria-hidden="true"></i>上一篇: %link','%title',true);
	}

	if (get_next_post($categoryIDS)) {
		next_post_link('<br><br><i class="fa fa-chevron-circle-down" aria-hidden="true"></i>下一篇: %link','%title',true);
	}

?>

同样,为了不想修改CSS文件,博主直接在代码前面加了font-size 属性来控制字体大小。代码直接使用的话,上一篇和下一篇是排在一起的,为了美观,博主加了<br>来使它并排换行,另外在前面还加上小图标。小图标代码参考的奥森图标,直接加在“上一篇”和“下一篇”文字的前面即可。至此修改结束,来看一看效果图:

效果展示

优化WordPress上一篇和下一篇只显示同栏目文章

上一篇:

下一篇:

相关阅读

分享