如何给Zblog添加上一篇 下一篇的功能

阿豪 20-05-30 649阅读

温馨提示:这篇文章已超过608天没有更新,请注意相关的内容是否还可用!

由于购买的zblog主题或者下载的zblog主题文章内容页没有上一篇,下一篇的按钮看起来怪怪的,我们可以通过修改您模板文件目录下的post-single.php来实现上一篇,下一篇功能,具体实现方法如下

在post-single.php文件中找到合适的位置加上以下代码

<div class="post-navigation animation">
   {if $article.Prev}<div class="post-previous"><a href="{$article.Prev.Url}" rel="prev"><span>上一篇:</span> {$article.Prev.Title}</a></div>{/if}   
   {if $article.Next}<div class="post-next" style="text-align: right;"><a href="{$article.Next.Url}" rel="next"><span>下一篇:</span> {$article.Next.Title}</a></div>{/if}  
</div>

image.png

在主题的css配置文件下添加

.post-navigation{ background-color: #fff;padding: 20px;margin: 0 0 20px;clear: both;overflow: hidden;}    
.animation, .widget{background: #fff;}

效果如下图

image.png

文章版权声明:除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处。

相关阅读

Z-BlogPHP网站页面底部调用显示页面(耗时、SQL查询、内存)运行信息图文教程

Zblog使用宝塔面板建站开启伪静态后如何设置

Z-BlogPHP UEditor编辑器里如何添加表情包?

ZblogPHP后台管理员忘记密码如何找回

如何使用阿里云虚拟主机搭建Zblog博客网站

如何将 ZBlog-ASP版本的Access数据库转换成MSSQL

宝塔Windows面板IIS环境如何建立博客网站

宝塔Linux面板建立ZBlogPHP网站的详细图文教程