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

橘子网 278 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:在修改文章页模板时,建议站长先做好备份,之后就可以随便瞎折腾了。

上一篇:

下一篇:

相关文章

发表评论 取消回复
表情 图片 链接 代码

  1. M
    M 书生

    抄袭

分享
微信
微博
QQ