Kohost v10.1.0 - 现代虚拟主机和 WHMCS 模板 preview 1

Kohost v10.1.0 - 现代虚拟主机和 WHMCS 模板

bookmark

Kohost 是一款面向主机/VPS 服务商的专业网站模板,配套完整的 WHMCS 客户中心与购物车主题。模板支持 Light/Dark 双主题、RTL 布局,并使用 SCSS 构建,提供 VPS 配置滑块、域名查询等主机业务常用组件。

HTML

项目简介

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 集成:

  1. whmcs/templates/kohost/ 复制到 WHMCS 的 templates/ 目录
  2. whmcs/orderforms/themetags_cart/ 复制到 orderforms/ 目录
  3. whmcs/hooks/ 中的 PHP 文件放入 WHMCS 的 includes/hooks/ 目录
  4. 在 WHMCS 后台将默认模板和订单表单切换为 kohost/themetags_cart

SCSS 编译(可选): 项目使用 SCSS 构建样式,需安装 Sass 后执行 sass --watch 监听变更,输出 CSS 文件。

使用建议

该模板适合快速搭建具有完整支付/客户管理流程的主机商网站。部署 WHMCS 时建议先在测试环境验证订单流程;SCSS 变量文件中定义了完整的主题色系,可直接修改变量实现品牌定制。

help_outline

常见问题