船说 CMS 小说阅读字体大小怎么改
学完这篇你能自己找到船说 CMS 控制阅读字号的模板文件,把默认字号调大、把「A+/A-」调节范围放宽,改完后所有读者打开阅读页就是新字号。
第一步:先确认「按钮能不能解决」
打开任意一本书的阅读页,页面地址类似 http://你的域名/read/12345.html。把页面拉到正文上方或底部,船说 CMS 大部分模板会有一行工具条,写着「字体:大 中 小」或「A+A-」。点一下「大」或「A+」,正文如果跟着变大,说明模板自带调节功能,读者自己就能改,不用动代码。
如果点了没反应、或者根本找不到这行按钮,才需要往下改模板。
注意:这个按钮只对当前浏览器生效,读者换设备或清缓存就恢复默认。想让所有人默认就是大字,必须改模板里的默认值。
第二步:找到当前正在用的模板目录
登录后台,路径一般是「模板 → 模板管理」(部分版本在「界面 → 模板」下面)。列表里带「使用中」标记的那一套就是你前台在用的模板,记下它的目录名,比如 default、shuoba。
然后用 FTP 或宝塔面板「文件」进入网站根目录,你会看到:
/templates/—— PC 端模板/m/或/mobile/—— 手机端模板
阅读页的模板文件名通常是 read.html、chapter.html 或 book_read.html。
第三步:改 PC 端默认字号
进 PC 模板目录下的 css/ 子目录,找 read.css(有的模板叫 style.css、main.css)。打开后搜索 font-size,定位到正文容器,选择器名多为 #content、.content、#chaptercontent:
#content {
font-size: 18px; /* 原来可能是 14px 或 16px */
line-height: 1.8; /* 行高一起调大更耐读 */
}
保存后回后台点「系统 → 更新缓存」,前台刷新即可看到效果。
第四步:改手机端
手机模板在 /m/ 或 /mobile/ 下,CSS 路径类似 /m/templates/xxx/css/read.css,同样搜 font-size。手机端建议 16–18px 起步,行高 1.7–1.9。
注意:手机模板常用
rem或vw单位。如果看到font-size: 1rem,要改的不是这一行,而是根字号html { font-size: 16px; },改一处全局跟着变。
第五步:改调节按钮的默认值和范围
想保留「A+/A-」按钮、又让用户一打开就是大字号,就到阅读模板 HTML 里找 JS 变量,常见写法:
var fontSize = 18; // 默认字号
var maxSize = 30; // 上限
var minSize = 12; // 下限
var step = 2; // 每次加减
把 fontSize 改成你要的默认值。变量名可能是 defaultFontSize、font_size,直接在 read.html 里按 Ctrl+F 搜 font 就能找到。
第六步:清缓存并验证
后台「更新缓存」→ 浏览器按 Ctrl+F5 强制刷新 → 打开任意一本书的阅读页确认字号。站点如果挂了 CDN(又拍云、七牛等),还要在 CDN 控制台刷新 CSS 文件的缓存,否则你自己看到变了、读者还是旧样式。
注意:所有修改只动
/templates/和/m/下的文件,别碰系统核心目录。船说 CMS 升级会覆盖核心文件,模板目录一般保留,改了也不会白改。
小结
- 先点阅读页的「大/中/小」「A+/A-」按钮,能变就不用改代码。
- PC 端改
templates/当前模板/css/read.css里正文容器的font-size。 - 手机端改
/m/下同名 CSS;遇到rem单位就改html根字号。 - 想改默认值,在阅读模板 HTML 里搜
fontSize、defaultFontSize这类 JS 变量。 - 改完必须更新后台缓存 + 浏览器强刷 + 刷新 CDN,否则看不到效果。
原文链接:https://www.gj0.com/thread-1047.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。