Dux主题添加文章翻页按钮,方便的浏览上一篇和下一篇文章

Dux主题最近更新到了1.5版本,不过和以前版本一样,Dux主题1.5文章页还是没有翻页按钮,也就是我们熟知的上一篇,下一篇,不知道这算不算这是一个bug哈。今天小雨就教大家添加类似下面的翻页按钮,可以让读者方便的浏览下一篇文章和上一篇文章。

20160611155602

1、在主题single.php适当位置添加下面代码:

提示:如果需要修改按钮的大小,只需要调整上面代码中的fa-3x,修改为fa-2x即可。

小雨是添加在下面代码的位置,你也可以 :mrgreen:

2、添加相应的css代码

(值得注意的是,dux主题添加css代码不能直接添加到style.css中,需要添加到css文件夹下面的main.css文件里面。)

需要注意的是,小雨因为设置了dux主题网页最大宽度为980px,你可以根据自己的实际需求,修改上面代码中的left和right的百分比即可。

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (6) 口碑
分享到:更多 ()

评论 8

评论前请先注册,游客请前往问答中心

  1. 淘宝店铺装修
    求dux1.5主题一份,学习下,谢谢楼主。
  2. 夏日博客
    这主题貌似不少人都在用吧。
  3. 泉州开发公司
    谢谢分享。
  4. BanYuner
    这个很久之前就已经用上了我看了一下源代码 貌似DUX自身本来是有这个功能的 但是不知道为什么没有能实现
  5. 软膜天花
    这个有用,测试一下先!看看我的博客合不合用!签到成功!签到时间:下午8:39:43,陌小雨,你很棒!一起加油哦哦~