判断内容类型： -%20动态内容（后台管理）：文章、产品、新闻、栏目名、系统配置。去后台对应模块改。 -%20模板硬编码：导航、页脚版权、固定区块文字、装饰图片。去模板文件改。 -%20CSS样式：颜色、字体、背景图。去CSS文件改。

第二步：动态内容修改（后台）

文章/新闻： -%20后台→文章管理→找到对应文章→编辑。 -%20标题、正文、配图都能改。 -%20保存后清缓存，前台刷新。

产品： -%20后台→产品管理→编辑产品。 -%20名称、描述、价格、图片。

单页（公司简介、联系我们）： -%20后台→单页管理/栏目管理→对应单页→编辑。 -%20联系我们的地图、表单可能在模板里。

导航/栏目： -%20后台→栏目管理→改栏目名称、排序。 -%20动态导航自动更新。 -%20写死的导航改header.html模板。

系统信息（公司名、电话、地址）： -%20后台→系统设置→站点设置/基本设置。 -%20模板用了动态标签的话，改一处全站更新。 -%20模板写死的改模板。

第三步：模板硬编码修改

找到模板文件： -%20PbootCMS：template/模板名/html/ %20%20-%20header.html（头部、导航） %20%20-%20footer.html（页脚） %20%20-%20index.html（首页） %20%20-%20list.html（列表页） %20%20-%20article.html（内容页） %20%20-%20about.html（单页） -%20易优CMS：template/模板名/ -%20WordPress：wp-content/themes/主题名/ %20%20-%20header.php、footer.php、index.php、page.php

修改文字： -%20用编辑器（VSCode、Notepad++）打开模板文件。 -%20Ctrl+F搜索要改的文字。 -%20直接替换成新文字。 -%20保存，清缓存，刷新前台。

修改图片： -%20找到``。 - 方法A：新图片同名上传覆盖旧图片（最简单）。 - 方法B：上传新图片，改src路径。 - 背景图：CSS里`background: url('../images/bg.jpg')`，同样覆盖或改路径。 - 图片尺寸建议和原图一致，避免布局错乱。

修改CSS样式： - F12点元素，右侧Styles面板看当前CSS。 - 找到CSS文件路径和行号，点击跳转。 - 编辑对应CSS文件，改颜色、字体、间距。 - 或在F12里实时调整，确认效果后再改源文件。 - CSS文件位置：template/模板名/css/style.css。

第四步：FTP/文件管理器操作

宝塔文件管理器： - 宝塔→文件→进入站点根目录。 - 找到模板文件，点"编辑"。 - 修改后保存。 - 上传图片：进入images目录→上传→选文件。

FTP工具（FileZilla）： - 主机=IP，端口=21或SSH端口，用户=FTP用户，密码=FTP密码。 - 左侧本地文件，右侧服务器文件。 - 拖拽上传下载。 - 编辑：下载到本地→编辑器改→上传覆盖。

第五步：修改后验证

- 清缓存：后台清程序缓存，有CDN清CDN。 - 浏览器Ctrl+F5强制刷新。 - 无痕模式访问，排除缓存。 - PC和手机端都检查。 - 图片正常显示，文字正确，链接可点。 - 没有布局错乱。

常见问题：

问题1：改了不显示 - 缓存没清：程序缓存+CDN+浏览器缓存都清。 - 改错文件：F12确认模板路径，可能有多个模板目录。 - 改错位置：文字在另一个模板文件里（如footer在footer.html，不是index.html）。 - 模板继承：子模板没改，父模板改了但子模板覆盖。

问题2：图片裂图 - 路径错误：相对路径在子页面失效，用绝对路径或模板标签。 - 文件没上传成功：重新上传。 - 文件名大小写：Linux区分大小写，Banner.jpg和banner.jpg不同。 - 权限问题：图片文件644，目录755。

问题3：排版乱 - 从Word粘贴带垃圾HTML，用纯文本粘贴重新排。 - 改了CSS影响其他元素，检查选择器范围。 - 图片尺寸不一致，统一尺寸。

效率技巧： - F12实时预览，确认后再改源文件，减少反复。 - 改前备份模板文件（复制一份.bak）。 - 常用修改记笔记，下次直接找文件。 - 图片上传前压缩（TinyPNG），统一尺寸。 - 批量替换用编辑器Ctrl+Shift+F全局搜索。

网页修改是网站维护基础技能，掌握F12定位+后台/模板修改，90%的日常更新都能搞定。新手从改文字开始，逐步熟悉模板结构。

标签：

更新时间：2026-08-26 17:47:16