学校网站模板修改的教程_从首页到栏目页完整修改步骤

学校网站一般用PbootCMS、WordPress或定制CMS搭建，模板修改是学校网管或信息老师常遇到的需求。换学校名称、改Logo、更新校长寄语、调整栏目结构、替换banner图，这些操作都不需要找建站公司，掌握方法自己就能改。本文以最常用的PbootCMS为例，讲解学校网站模板修改的完整教程。

学校网站的特点是栏目多、内容更新频繁、有特定的功能需求（通知公告、校园新闻、师资力量、学生作品、招生信息、党建工作等）。模板修改分两部分：一是通过后台修改内容（不需要碰代码），二是修改模板文件（需要改HTML/CSS）。先讲后台修改，再讲模板文件修改。

第一部分：后台修改内容（90%的日常修改需求都在这里完成）

1. 修改学校名称、Logo、联系方式。登录后台，进入"配置管理"-"站点信息"，修改"网站名称"为学校全称，"网站标题"为SEO标题（比如"XX市第一中学_官方网站"），"关键词"填学校名称、重点中学、招生等，"描述"填学校简介。"备案号"填学校网站的ICP备案号。"公司地址"填学校地址，"电话"填办公室电话，"邮箱"填学校邮箱。这些是全局变量，模板里调用的地方自动更新，改一处全站生效。

2. 替换Logo和banner图。Logo在"配置管理"-"站点信息"里有"网站Logo"上传按钮，点击上传新Logo（建议PNG透明背景，宽度200-300px），保存后全站Logo更新。首页banner大图在"扩展工具"-"轮播图管理"或"广告管理"里，找到首页banner位，点击修改，上传新图片（建议宽度1920px，高度400-500px，文件大小200KB以内），可以填链接地址（点击banner跳转到对应页面），保存后首页banner更新。如果模板有多个banner位，逐个替换。

3. 修改导航栏目。进入"内容管理"-"栏目管理"，看到所有栏目列表。学校网站常见栏目：学校概况、新闻中心、党建工作、教育教学、德育之窗、师资力量、学生园地、招生信息、校友之家、联系我们。修改栏目名称点击对应栏目的"修改"按钮，改"栏目名称"，保存。添加新栏目点击"添加栏目"，填栏目名称、选择上级栏目（一级栏目不选上级，二级栏目选对应的一级栏目）、栏目标题、关键词、描述、栏目图片，保存。删除栏目点击"删除"（删除前确认栏目下没有文章，或者把文章移到其他栏目）。调整栏目顺序修改"排序"数字，数字越小越靠前，改完点"更新排序"。

4. 发布通知公告和校园新闻。进入"内容管理"-"内容管理"，左侧选择"新闻中心"或"通知公告"栏目，点击"添加内容"。填标题（比如"关于2024年秋季开学的通知"），副标题可选，关键词填学校+通知，描述填摘要，缩略图上传（通知类可以不配图，新闻建议配图），正文编辑器里输入通知内容，和Word一样排版，可以插入图片、附件、表格。正文写完，右侧设置："自定义URL"填拼音（比如`2024-qiujikaixue-tongzhi`），"是否推荐"选是（会在首页推荐位显示），"发布时间"可以改，点"保存"。文章发布后在前台对应栏目下能看到，首页如果有最新文章调用也会自动更新。

5. 修改校长寄语、学校简介等单页内容。学校概况下的"学校简介"、"校长寄语"、"历史沿革"、"校园风光"一般是单页。进入"内容管理"-"单页管理"，找到对应单页，点击"修改"，在编辑器里修改内容，保存。校长寄语可以配校长照片和签名，校园风光上传多张校园照片做成相册。

6. 管理师资力量。师资力量栏目下，每个老师是一篇文章，包含姓名、职称、所教科目、个人简介、照片。添加老师信息在"内容管理"-"内容管理"，选"师资力量"栏目，点"添加内容"，标题填老师姓名，正文填简介，缩略图上传老师照片（建议统一尺寸，正方形或4:3），保存。老师列表页会按排序显示所有老师。

7. 上传学生作品和校园活动照片。学生园地栏目下添加文章，标题填作品名称或活动名称，正文插入多张照片，配文字说明。照片上传前压缩，单张不超过500KB，宽度1200px以内，避免页面加载慢。

8. 修改页脚信息。页脚的版权信息、备案号、联系方式、友情链接，备案号和联系方式在"站点信息"里改了自动更新。友情链接在"扩展工具"-"友情链接"里管理，添加学校上级部门、教育局、兄弟学校的链接。版权文字如果在模板里写死了，需要改模板文件，见第二部分。

第二部分：修改模板文件（后台改不了的内容，需要改代码）

如果需要调整页面布局、改配色、改字体、添加新模块，就需要修改模板文件。PbootCMS模板文件在`template/模板名/`目录下，首页模板是`index.html`，栏目页是`list.html`，文章页是`content.html`，公共头部是`head.html`，公共底部是`foot.html`。

1. 修改页脚写死的文字。用FTP或宝塔文件管理器，进入`template/模板名/foot.html`，找到版权文字（比如"Copyright © 2024 XX中学"），直接修改文字，保存，刷新前台页脚就更新了。

2. 修改网站配色。模板的CSS文件在`template/模板名/css/`目录下，主样式文件一般是`style.css`。用编辑器打开，搜索颜色值（比如`#1a5fb4`蓝色），替换成学校的主题色（比如校徽的主色调）。建议用搜索替换，把所有主色调一次性替换。改完保存，刷新前台看效果。

3. 调整首页模块顺序。编辑`template/模板名/index.html`，首页是由多个section模块组成的，比如banner、通知公告、校园新闻、党建工作、师资力量、学生作品、页脚。每个模块是一个`