WordPress用代码实现网页上一篇和下一篇功能

86次阅读
没有评论

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

橘子君从业 SEO 多年,除了认真写原创文章之外,博主最看重的就是网页的使用体验了。而目前博主在使用本主题的时候,发现文章页并没有上一篇和下一篇的功能,文章页就一个单页面,加上几个标签链接,实在是太过简洁。

为了实现这个功能,我去网上寻找了很多方法,最后发现用一小段代码来解决的方法非常实用。

<!-- 上一篇和下一篇 -->
<div class="nearbypost" > 
<div class="alignleft"><font size=3><?php previous_post_link('上一篇:%link'); ?></font></div><br> 
<div class="alignright"><font size=3><?php next_post_link('下一篇:%link'); ?></font></div> 
</div>

将以上代码加到文章页模板合适的位置,一般是文章页标签结尾的位置(上面为了和本站字体大小保持一致,我还额外加了 size 字号样式,根据自己的需求来定),添加完代码后,我们还可以进行一下其他样式修饰。以下修饰样式需要加入 style.css 文件中。

.alignleft { 
float:left; 
text-align:left; 
margin-right:10px; 
} 
.alignright { 
float:rightright; 
text-align:rightright; 
margin-left:10px; 
}

PS:在修改文章页模板时,建议站长先做好备份,之后就可以随便瞎折腾了。

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