增加便民服务页面

README.md

@@ -26,7 +26,7 @@
 - 📱 **响应式布局** - 完美适配 PC 端和移动端
 - 🌐 **多语言支持** - 支持中文/英文切换
 - ⚡ **性能优化** - 轻量级设计，加载快速
-- 🎯 **自定义文章类型** - 支持公告通知独立管理
+- 🎯 **自定义内容类型** - 支持公告通知、社团新闻、便民服务独立管理
 
 ## 🚀 快速开始
 
@@ -91,6 +91,37 @@ git clone https://github.com/itstudio-2002/ITStudioMainSite.git
 - 未设置 `itstudio_weight` 的文章按 `0` 处理。
 - 当高权重文章不足 4 篇时，页面会自动用最新文章补足。
 
+#### 5. 维护便民服务目录
+
+主题内置了“便民服务（service）”内容类型，`/services` 页面会自动读取并展示。
+
+每条服务信息来源：
+- 图标：文章特色图（Featured Image）
+- 名称：服务双语字段（中文名称 / 英文名称）
+- 简介：服务双语字段（中文简介 / 英文简介）
+- 类别：服务分类双语字段（中文名称 / 英文名称）
+- 跳转链接：编辑页中的“服务跳转链接”字段
+
+后台新增步骤：
+1. 进入 **便民服务 > 新增便民服务**。
+2. 在“服务双语与链接”填写：
+   - 中文名称 / 英文名称
+   - 中文简介 / 英文简介
+   - 服务跳转链接
+3. 设置特色图作为服务图标。
+4. 在右侧选择或新建“服务分类”。
+5. 发布后，该服务会自动出现在 `/services` 页面中。
+
+分类双语设置：
+1. 进入 **便民服务 > 服务分类**。
+2. 新增或编辑分类时，可填写“中文名称”和“英文名称”。
+3. 前台会根据语言切换自动显示对应分类名。
+
+说明：
+- 若未设置“服务跳转链接”，前端会回退到该服务文章自身链接。
+- 若未设置特色图，前端会使用 `resources/it_logo_2024.svg` 作为默认图标。
+- 新增内容类型后若前台路由未生效，请进入 **设置 > 固定链接** 点击一次“保存更改”刷新重写规则。
+
 ## 🎨 设计规范
 
 ### 主题色彩
@@ -112,7 +143,9 @@ git clone https://github.com/itstudio-2002/ITStudioMainSite.git
 ITStudioMainSite/
 ├── assets/
 │   ├── css/
-│   │   └── main.css          # 主样式文件
+│   │   ├── content.css       # 内容页样式
+│   │   ├── front-page.css    # 首页样式
+│   │   └── services-page.css # 便民服务页样式
 │   └── js/
 │       ├── theme-toggle.js   # 主题切换功能
 │       └── main.js           # 主要 JavaScript
@@ -127,6 +160,7 @@ ITStudioMainSite/
 ├── footer.php                # 底部模板
 ├── single.php                # 单篇文章模板
 ├── page.php                  # 页面模板
+├── page-services.php         # 便民服务页面模板
 ├── archive.php               # 归档页面模板
 └── 404.php                   # 404 错误页面
 ```