WHMCS客户区域基于简单易用的模板设置。

典型页面包含3个模板文件 - 页眉，页脚和中间的正文内容。

页眉和页脚模板文件对于每个页面都是通用的，并且充当主体内容的包装器。这样，只需编辑这两个模板文件，即可轻松自定义WHMCS的整体外观。

自定义页眉和页脚是一个很好的起点，可以为您的网站访问者在您的前端内容和WHMCS结算门户之间移动时创建无缝的浏览体验。

这是我们的分步指南：

1.首先找到适合用作模板基础的网站页面。理想情况下，这应该是包含页眉和页脚的页面，以及WHMCS正文内容所在的空内容区域。

2.打开该文件，并使用绝对URL引用更新资产和资源的任何相对链接。例如，如果页面包含样式表包含路径，例如“css / styles.css”，请将其更新为“https://example.com/css/styles.css”3

。创建一个新目录来容纳新主题。它应该在WHMCS根目录内的“templates”目录中创建。您提供的名称应该是唯一的，仅包含字母和数字，并且全部为小写。例如〜/ templates / mycustomtheme /

4.将最新默认主题模板文件的副本导入新的自定义模板目录。在撰写本文时，这是“六个”主题。这些文件的最新版本始终可以在我们的Github页面上找到，网址为https://github.com/WHMCS/templates-six，或者只是从WHMCS附带的〜/ templates / six /目录中复制。

！我们建议在可能的情况下从Github克隆此repo以便于维护。有关详细信息，请参阅我们之前的博文。！

5.接下来，打开基页并将所有内容从文件顶部复制到内容输出应该开始的位置。回头参考上面的图片，header.tpl只包含模板的顶部 - 它不包含任何单独的页面内容。换句话说，我们需要将HTML代码复制到内容容器刚刚开始的位置 - 我们希望内容容器打开，但我们不希望header.tpl文件中有任何实际内容。

6.现在将该内容粘贴到header.tpl模板文件中。

标头模板文件中有许多重要的包含和输出，必须保留这些包含和输出才能正常运行并与插件和扩展兼容。其中许多都包含在header.tpl模板文件的前几行中，如下图所示。

这是所需元素的完整列表。括号中包含的行号对于V7.5.x和7.6.x是正确的：

i。元字符集(第4行)- 多语言正常运行所必需的。

II。页面标题(第7行)- 根据WHMCS客户区域内正在呈现/审阅的页面动态设置。

III。头包括(第9行)- 这个包含文件包括许多javascript和css库，以及定义WHMCS正常运行所需的javascript变量。

IV。头输出(第11行)- 由模块和插件用于输出页面部分所需的内容。这应该包含在结束标记之前。

v。电话号码输入样式(第14行)- 由WHMCS用于确定如何在客户区

vi 内呈现电话号码输入。标题输出(第16行)- 由模块和插件用于输出页面正文中所需的内容。

七。导航菜单(第102-131行)- 链接和导航选项由WHMCS中的菜单系统动态生成。这允许模块和插件动态地与客户区的这些区域交互和操作。确保为用户导航呈现$ primaryNavbar和$ secondaryNavbar菜单项非常重要。可以通过编辑〜/ includes / navbar.tpl模板文件来自定义这些菜单项的输出。

八。侧栏菜单(第228行+ footer.tpl第5行)- 类似于导航菜单，侧栏菜单由WHMCS中的菜单系统动态生成。这允许模块和插件与他们自己的附加侧边栏内容元素进行交互，操作和定义。确保同时呈现$ primarySidebar和$ secondarySidebar菜单项非常重要。可以通过编辑〜/ includes / sidebar.tpl模板文件来自定义这些菜单项的输出。

还有许多其他可选元素，您可能需要考虑保留或合并到自定义设计中以保留完整功能：

i。语言选择器下拉列表(第21-37行)

ii。帐户通知弹出窗口(第40-60行)

iii。查看购物车按钮(第77-79行)

iv。电子邮件验证包括标题(第215行)

7。接下来，再次返回基页，这次将所有内容从内容输出容器的末尾复制到页面末尾。

8.现在将该内容粘贴到footer.tpl模板文件中。默认WHMCS页脚模板中有许多重要元素，必须保留这些元素才能正常运行。它们包括：

i。模态(第20-46行)- 由客户区

ii的各种功能使用的引导模式容器。页脚输出(第48行)- 由模块和插件用于在页面页脚中输出所需内容。这应该包含在结束标记之前。

9.将更改保存到两个模板文件中，如果处理文件的本地副本，则上载到WHMCS安装。