项目简介
Kohost 是一款面向主机/VPS 服务商的专业网站模板,配套完整的 WHMCS 客户中心与购物车主题。模板支持 Light/Dark 双主题、RTL 布局,并使用 SCSS 构建,提供 VPS 配置滑块、域名查询等主机业务常用组件。
技术栈
- HTML5 + SCSS
- Bootstrap 3/4 + jQuery 1.12 + FontAwesome 5
- WHMCS(PHP 账单系统,用于客户中心、订单流程、自动化钩子)
- 文档站点:静态 HTML(Sidebar 导航结构)
项目结构
text
kohosthtml-1010/
├── documentation/
│ ├── HTML-documentation/index.html # HTML 模板使用文档
│ └── WHMCS-documentation/index.html # WHMCS 集成文档
├── html/
│ ├── kohost/src/ # HTML 模板源码(LTR)
│ └── kohost-rtl/src/ # RTL 版本源码
└── whmcs/
├── hooks/ # WHMCS 功能钩子
├── lang/overrides/english.php # 语言覆盖文件
├── orderforms/themetags_cart/ # 购物车/订单表单模板
└── templates/kohost/ # WHMCS 客户端主题
核心文件说明
html/kohost/src/— 主机官网页面的 HTML 源码(可编辑内容)whmcs/templates/kohost/— WHMCS 客户区完整模板(账户、域名、服务管理页面)whmcs/orderforms/themetags_cart/— WHMCS 订购流程模板(产品配置、购物车、结账)whmcs/hooks/— PHP 钩子文件,用于扩展 WHMCS 功能whmcs/hooks/config/settings.php— WHMCS 配置与多货币设置documentation/下的两个 index.html — HTML 模板和 WHMCS 集成的完整使用文档
快速开始
HTML 模板预览:
直接用浏览器打开 html/kohost/src/index.html,或通过本地服务器访问。
WHMCS 集成:
- 将
whmcs/templates/kohost/复制到 WHMCS 的templates/目录 - 将
whmcs/orderforms/themetags_cart/复制到orderforms/目录 - 将
whmcs/hooks/中的 PHP 文件放入 WHMCS 的includes/hooks/目录 - 在 WHMCS 后台将默认模板和订单表单切换为 kohost/themetags_cart
SCSS 编译(可选):
项目使用 SCSS 构建样式,需安装 Sass 后执行 sass --watch 监听变更,输出 CSS 文件。
使用建议
该模板适合快速搭建具有完整支付/客户管理流程的主机商网站。部署 WHMCS 时建议先在测试环境验证订单流程;SCSS 变量文件中定义了完整的主题色系,可直接修改变量实现品牌定制。
