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

127次阅读
没有评论

共计 774 个字符,预计需要花费 2 分钟才能阅读完成。

之前橘子君写过一篇实现 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> 来使它并排换行,另外在前面还加上小图标。小图标代码参考的奥森图标,直接加在“上一篇”和“下一篇”文字的前面即可。至此修改结束,来看一看效果图:

效果展示

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-06-03发表,共计774字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)