次导航❤:SEO工具SEO术语SEO教程SEO视频网络营销SEO方案   ※华峰出品※   邮箱大全网页配色520影院美图壁纸SEO联盟  

修改织梦文章页的分页样式,竖排改成横排分布

站长经验 尹华峰 浏览 评论来源:www.yinhuafeng.cn

  修改织梦文章页的分页样式,竖排改成横排分布

  有时候文章太长了,这个时候为了美观页面,就要用到分页样式了。可是dedecms织梦默认的分页样式排列是竖着的,今天尹华峰SEO技术博客在发布文章的时候就遇到这样。无论是美观还是用户体验,感觉都不是很好。

修改织梦文章页的分页样式,竖排改成横排分布

  为了将竖排分页修改成横排分布,特地去网上看了很多教程。说实话,很多教程都有点过时了,我试了好几个都失败了。传播最多的见过以下两种方法,或者说算是一种吧,先看看网上常见的修改方法。

  方法一:

  找到/include/arc.listview.class.php以及arc.archives.class.php文件

  查找:<li> 全部替换为"空"

  查找:</li>全部替换为"空"

  查找:<li class=\"thisclass\"> 全部替换为"空"

  保存,覆盖原文件即可。

  方法二:

  按下面的顺序修改

  查找:<li> 全部替换为"空"

  查找:</li>全部替换为"空"

  查找:<li class=\"thisclass\"> 把li换成span

  保存,覆盖原文件即可。

  这两个方法我都试过了,确实能把织梦分页样式竖排改成横排分布。但会出现一个新问题,那就是列表页的分页样式也会被修改了,这个不是我想要的,我只想修改文章页的分页样式样式,最后经过我多次修改尝试,终于解决了这一问题,特将此方法记录下来,希望对需要的人有帮助。

  方法其实跟方法二差不多,但是不要修改/arc.listview.class.php该文件,只修改/include/arc.archives.class.php该文件,修改的先后步骤先说一下。

  步骤一、先查找:<li class=\"thisclass\"> 把li换成span,后面的/li也要替换。

  步骤二、查找:<li> 全部替换为"空"

  步骤三、查找:</li>全部替换为"空"

修改后的分页符横排展示

  上图便是修改后的样式,这样的步骤就方便了很多,不用再次查找修改了,按照以上步骤完成之后,默认的横排数字符背景色是黑色的,会遮挡住数字,这个时候就需要去修改css了,这个很简单了,直接审查元素去文件修改即可。查看本站有分页样式的文章请参考《直播成东北新支柱 为什么做主播的东北人最多?

  温馨提示:修改前务必要先做好备份,做网站就要养成这个习惯,希望以上内容对大家都有帮助。