前期准备
本指南仅适用于主流的PHPCMS V9版本,操作前请提前准备好以下材料:
- 站点后台超级管理员账号密码,需具备模板管理、菜单管理权限
- FTP工具(推荐FileZilla,官方下载地址:https://filezilla-project.org/download.php?type=client)
- 提前备份全站文件与数据库,重点备份当前使用模板的footer.html文件
- 如需修改导航指向的内部栏目,提前在后台「内容」-「栏目管理」记录对应栏目的ID
重要提醒:所有修改操作完成后必须更新全站缓存,否则前台不会生效
方法一:后台可视化修改(无需改代码,适合新手)
如果你的模板默认调用了后台菜单接口,优先用这个方法,操作零代码门槛。如果找不到对应的底部导航分类,直接跳转方法二操作即可。
步骤1:进入底部导航管理界面
登录PHPCMS后台(默认访问地址为你的站点域名+/admin.php),点击顶部导航栏的扩展选项,在左侧菜单栏找到菜单管理模块,点击后选择分类为底部导航进入管理页。
步骤2:编辑导航项
- 新增导航:点击右上角「添加菜单」按钮,按要求填写参数:
- 名称:前台显示的导航文字,比如“联系我们”
- 链接:内部链接填写相对路径,比如{APP_PATH}index.php?m=content&c=index&a=lists&catid=3(catid替换为你对应栏目的ID);外部链接填写完整带http/https的地址,比如https://www.baidu.com
- 上级菜单:保持默认「底部导航」即可
- 是否显示:选择「是」
- 排序:数字越小导航越靠前,按需求填写即可
填写完成后点击提交即可。
- 修改/删除导航:找到对应导航项右侧的「编辑」/「删除」按钮,按需求操作即可。
步骤3:更新缓存生效
所有编辑操作完成后,点击后台右上角的更新缓存按钮,勾选所有缓存项后确认更新,刷新站点前台即可看到修改后的底部导航。
方法二:模板文件直接修改(适合个性化定制需求)

如果模板没有绑定后台菜单,或者需要给导航加图标、自定义样式,就用这个方法。
步骤1:定位底部模板文件
首先确认你当前使用的模板名称:登录后台点击「设置」-「站点管理」- 编辑对应站点,查看「默认模板风格」字段的内容,就是你的模板名。
默认模板的底部文件路径为:/phpcms/templates/default/content/footer.html
自定义模板的底部文件路径为:/phpcms/templates/你的模板名/content/footer.html
你可以通过FTP下载该文件到本地编辑,也可以在后台直接编辑:点击顶部「界面」-「模板风格」- 找到当前使用的模板点击「详情」- 找到content文件夹下的footer.html,点击「编辑」即可在线修改。
步骤2:修改导航代码
打开footer.html文件后,找到底部导航对应的代码段,通用结构如下:
```
```
按需求修改即可:
- 新增导航:直接在ul标签内新增li标签,参考现有格式填写链接和文字即可,外部链接必须加target="_blank"属性,避免跳转时覆盖当前站点页面
- 修改导航:直接修改对应a标签的文字内容和href属性即可
- 删除导航:直接删除对应的li标签整行代码即可
- 需要自定义样式的话,给a标签添加自定义class属性,在站点根目录/css/style.css文件中添加对应样式规则即可。
提供一个带图标、新窗口跳转的可复用代码示例,直接替换参数即可使用:
```
```
步骤3:保存生效
如果是后台在线编辑,修改完成后直接点击「提交」按钮,再更新全站缓存即可生效;如果是本地修改后FTP上传,将修改后的footer.html覆盖原文件后,再更新全站缓存即可。
常见问题排查
问题1:修改后前台没有变化
- 确认是否更新了全站缓存,更新时必须勾选所有缓存项
- 确认修改的是当前正在使用的模板的footer.html,不是默认模板文件
- 清除浏览器本地缓存,或者用无痕模式访问站点查看效果
- 如果站点接入了CDN,需要刷新CDN的静态资源缓存后再查看
问题2:导航点击跳转404
- 检查内部链接的catid是否对应真实存在的栏目ID,栏目ID可在后台「内容」-「栏目管理」查看
- 如果是伪静态站点,确认链接格式符合伪静态规则,伪静态规则可在后台「设置」-「站点管理」-「伪静态设置」查看
- 检查外部链接是否带http/https前缀,没有前缀会被识别为站内链接导致404
问题3:导航排版错乱
- 检查修改代码时是否破坏了原有标签结构,所有li、a标签必须完整闭合
- 如果新增的导航项数量过多,需要调整footer.css中对应导航容器的宽度、间距属性适配
错误回滚方案
如果修改后站点出现报错或显示异常,直接用提前备份的footer.html文件覆盖现有文件,或者恢复后台菜单管理的原有导航项,更新全站缓存即可恢复到修改前的状态。