共計 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