当前位置:网站首页 >  百科

迅睿CMS分页功能设置 3步搞定列表页美观实用分页

时间:2026年06月10日 13:43:27 来源:易频IT社区
你有没有遇到过这种情况?网站文章列表堆了几十篇,加载慢得像蜗牛爬,读者翻页要么找不到按钮,要么点了半天没反应,后台折腾半天还是设置错页码?别慌,这篇就是专门救急的。我做网站内容和基础维护快10年了,帮二三十个小白站长解决过分页问题,都是一看就能懂、一做就能成的步骤,今天全掏给你。 1. 先在后台开启迅睿CMS的分页开关 这个是最基础的,但很多小白第一次用会漏点,导致做了一堆前面的活白费。先别忙着改模板,老老实实进后台配置。 1.1 找到列表页的栏目配置 首先登录你的迅睿CMS后台,看左侧菜单栏,找到内容,点进去找到栏目管理。 举个例子,你想设置“美食探店”栏目的分页,就找到这个栏目的名字,点它右边的编辑按钮。 1.2 开启分页功能并设置核心参数 进入编辑页面后,往下滑,找到显示设置这个大模块。 在显示设置里,第一个列表页每页显示条数,改成你觉得舒服的数字,比如图文混排的栏目设10条,纯文字的可以设15-20条。 然后看下面的列表页是否开启分页,记得一定要点成红色的开! 最后一个小参数是列表页分页数,这个不用改太多,默认5就行,就是显示当前页前后各2页的数字。 2. 去模板文件里加正确的分页调用代码 后台开了开关,模板里没加代码也白搭。很多网上的代码要么太旧,要么太复杂,我给你两个小白直接复制就能用的。 2.1 先找到你要改的列表页模板文件 还是回到后台左侧菜单栏,找模板,点进去选模板管理,再点你当前在用的模板文件夹(比如default)。 一般栏目对应的列表页模板,文件名是category_栏目ID.html,比如美食探店的栏目ID是5,就找category_5.html。 找不到栏目ID?没关系,回到栏目管理页面,每个栏目标题旁边都有一串小数字,那就是ID。 找到文件后,点它右边的编辑按钮,别乱改别的代码,就找列表内容循环结束的地方。 循环结束的地方一般有个{/module}或者{/loop},在它后面的空行加分页代码。 2.2 复制粘贴两个实用的分页代码 第一个是最简单的文字分页,适合纯文字或者不想花时间美化的栏目,直接复制下面的: ```
{$pages}
``` 第二个是带上下页、首页末页的数字分页,这个稍微好看点,也是复制就行: ``` ``` 避坑提醒!复制的时候别把循环结束的标签弄丢了,加完记得点保存按钮,不然白忙活。 3. 给分页加个简单的CSS样式,让它好看点 不加样式的分页就是一排挤在一起的文字,读者看着累,点错率也高。我给你一段极简但够用的CSS,不用懂代码原理,直接复制到对应的地方。 3.1 找到模板的CSS文件 还是在模板管理的default文件夹里,找文件名带style或者css的,一般是style.css,点它右边的编辑按钮。 3.2 把CSS代码加到文件最底部 CSS代码可以随便加在文件里,但加在最底部方便以后找和修改,直接复制下面的: ``` .page { margin: 30px auto; text-align: center; } .page ul { list-style: none; padding: 0; display: inline-flex; gap: 8px; } .page a, .page span { padding: 8px 16px; border: 1px solid eee; border-radius: 4px; text-decoration: none; color: 333; } .page a:hover, .page span { background-color: 007bff; color: fff; border-color: 007bff; } ``` 加完记得点保存按钮,然后刷新你的前台列表页看看,分页是不是已经整齐好看了? 举个例子,默认的颜色是蓝色,你想改成粉色,就把代码里的007bff都改成ff69b4,保存刷新就行,不用懂代码。 现在你应该已经搞定分页了吧?如果还有哪里不对,别着急,先检查后台的分页开关是不是开了,再检查模板里的循环结束标签后面有没有加对代码,最后检查CSS文件有没有保存。记得每改一步都刷新前台看看,这样能快速找到问题所在。别嫌麻烦,改好一次以后,只要不换模板,所有栏目都可以用这套方法,省时又省心。现在赶紧去你的网站试试吧!

相关推荐

最新

热门

推荐

精选

标签

易频IT社区是综合性互联网IT技术门户网站,专注分享网络技术、服务器运维、网络安全、编程开发、系统架构、云计算、大数据等行业干货,实时更新IT行业资讯、零基础教程、实战案例,为IT从业者、技术爱好者提供专业的学习交流平台。

Copyright © 2021-2026 易频IT社区. All Rights Reserved. 备案号:闽ICP备2023013482号 网站地图