船说 CMS 模板修改 css 在哪里操作

学会这篇，你就能准确找到船说 CMS 模板里控制页面样式的那个 CSS 文件，并且知道改完之后为什么有时候不生效。

第一步：先在后台确认当前用的是哪套模板

这一步要拿到「模板文件夹的名字」，因为 CSS 就在这个文件夹里面。登录船说 CMS 后台，地址一般是 http://你的域名/admin.php（少数版本是 /admin/ 或 /admin/index.php），输入管理员账号密码进入。然后打开左侧菜单「模板」→「模板风格」或「模板管理」，页面上会列出所有已安装模板，当前启用那一套会标着「当前使用」或打勾，右侧通常还会显示它的目录名，比如 default、newstyle 这种英文名。把这个名字记下来。

注意：如果你的后台菜单里没有「模板」这一项，说明当前管理员账号权限不够，要用超级管理员账号登录。

第二步：用浏览器 F12 定位到真正要改的 CSS 文件

这一步要解决一个误区——船说 CMS 的模板里往往不止一个 CSS 文件，随便改一个大概率是白改。打开网站前台，在你想改样式的元素上点右键，选「检查」（Chrome/Edge 是按 F12 后切到 Elements 面板）。右侧 Styles 面板里会列出所有生效的 CSS 规则，每条规则的右上角写着来源文件名和行号，比如 style.css:126。把这个文件名和行号记下来，这才是你真正要动的文件。

如果规则旁边有一行被划掉了，说明它被别的规则覆盖了，看没被划掉的那条才是最终生效的。

第三步：判断走后台改还是走文件改

这一步决定你用哪种方式动手。

后台改：在后台「模板」→「在线模板编辑」（部分版本叫「模板管理」→「编辑模板」）里，左侧会列出模板目录树，展开 css 或 style 文件夹，点开刚才 F12 查到的那个文件名，直接在编辑框里改，改完点「保存」。这种方式不用 FTP，改完立刻生效。

文件改（更推荐，功能更全）：用宝塔面板的「文件」管理器，或者用 FTP 工具连服务器，进入网站根目录，路径通常是这三种之一：

/template/模板名/css/style.css
/template/模板名/style/style.css
/static/css/style.css

哪个存在就用哪个。找到文件后右键下载到本地，用 VS Code 或 Notepad++ 修改，保存时编码选 UTF-8 无 BOM，再上传覆盖。

注意：动手前先把原文件复制一份重命名成 style.css.bak。改坏了能立刻还原，这一步别省。

注意：如果目录里同时存在 style.css 和 style.min.css，先确认页面实际加载的是哪一个（回到 F12 的 Network 面板刷新页面，筛选 CSS 就能看到），改错文件照样不生效。

第四步：改完不生效该怎么排查

这一步按顺序排除最常见的四个原因。

第一，后台清缓存。进「系统」→「清除缓存」或「更新缓存」，把模板缓存和 HTML 缓存都清掉。

第二，浏览器强制刷新。按 Ctrl + F5（Mac 是 Cmd + Shift + R），普通 F5 会读本地缓存。

第三，服务器或 CDN 缓存。如果你用了宝塔的 Nginx 缓存、又拍云、阿里云 CDN，到对应面板里刷新一下缓存，路径一般是「刷新预热」→「URL 刷新」，把 CSS 文件地址填进去。

第四，样式被覆盖。回 F12 看你要改的属性是不是被更靠后的规则顶掉了，这种情况要么调优先级，要么在自己的规则末尾加 !important（能用别的方法就别用它）。

第五步：想避免以后升级被覆盖，就用外挂 CSS

这一步是给长期维护省事的做法。在后台「模板」→「在线模板编辑」里找到公共头部文件，通常叫 head.html、header.html 或 common/head.html，在 </head> 结束标签前面加一行：

<link rel="stylesheet" href="/template/模板名/css/custom.css">

然后在同目录新建一个 custom.css，把你所有的自定义样式写在这里。以后升级模板、替换官方文件，这个文件不会被覆盖，你的改动一直保留。

小结

• 先登录后台确认当前模板目录名，CSS 就在 /template/模板名/ 下。
• 用浏览器 F12 的 Styles 面板查到确切文件名和行号，别凭经验猜。
• 动手前备份原文件，保存编码必须是 UTF-8 无 BOM。
• 不生效按顺序查：后台清缓存 → Ctrl+F5 → CDN 刷新 → 检查是否被覆盖。
• 长期维护就建一个 custom.css 并通过 </head> 前的 link 引入，升级不丢改动。