你有没有遇到过这种情况?网站文章列表堆了几十篇,加载慢得像蜗牛爬,读者翻页要么找不到按钮,要么点了半天没反应,后台折腾半天还是设置错页码?别慌,这篇就是专门救急的。我做网站内容和基础维护快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文件有没有保存。记得每改一步都刷新前台看看,这样能快速找到问题所在。别嫌麻烦,改好一次以后,只要不换模板,所有栏目都可以用这套方法,省时又省心。现在赶紧去你的网站试试吧!