单页制作教程 For Discuz!X（附各种形式模板）

以前 7.2 版本时候写一个一个单页制作教程，分为带边栏和不带边栏的，很多站长也根据教程学会了自己制作页面。
其实 X 版本的单页制作，跟 7.2 没啥两样，原理都是一样的，只要大家仔细研究的话会发现共同点，只是 php 里面几行代码稍有不同。

首先，单页包括该单页的 php 文件和该单页的模板 （.htm） 文件，比如：host.php 、 host.htm
单页的 php 文件内容如下：

这里需要注意的是，host 为模板文件名，不需要加.htm 扩展名，模板文件存放于自己当前风格目录下的 forum 目录；
单页的 php 文件存放于论坛根目录；

php 文件创建完毕，现在开始创建模版文件，基本代码如下：

其中：

这一行是单页的路径显示，比如：Discuz! Rescue Centre › DRC 帖子动态，{subtemplate
common/header} 、 {subtemplate common/footer} 分别为调用页头、页尾模板，使得单页风格与论坛保持一致；

至此，基本型单页创建完毕。演示效果见：http://bbs.7drc.com/host.php

-------------------------------------以下为带右边侧栏单页模板-----------------------------------------

上面模板文件代码是不带边栏的，现在讲下带边栏的单页模板文件代码，如下：

其中：边栏区域代码中，每个<div > 区块为一个边栏菜单区域；
-------------------------以下为带右边侧栏且多页选项卡切换--------------------------------

刚看看到论坛有站长问单页中如何做那个多页面选项卡切换，下面介绍下；
其实就是多了几行代码，都是 DX 系统自带的，直接使用即可，在上面带右侧边栏模板代码的：

这一行下面加入：

解释上面代码，其中每个<li> 标签，就是一个选项卡，里面的超链接 host.php?viewtype=new，这里的 viewtype 就是
指定一个变量，并且指定值为 new，点击这个选项卡时候 $_G[gp_viewtype] 就会获取到这个值，然后通过判
断 $_G[gp_viewtype] 的值，来选择当前选项卡是否为焦点选项。

既然说到多页，那么多个页面如何做，思路可以有两种，一种是建立多个单页，包括多个 php 文件和多个模板文件，当然这种方法比较直接，但是比较麻烦，可以在同一个模板文件中判断 $_G[gp_viewtype] 的值来选择显示不同的内容，比如在正文区域中如下代码：

这样就实现了一个模版文件中多个页面的效果。点击不同选项卡，显示不同内容。

------------------------------以下为可以 DIY 的单页教程--------------------------------

自己制作的单页中，如何又能使用 DX 的 DIY 功能呢？

只需要稍加改造，即可完成，如下：
将单页 php 文件调用模板的那行代码改成：

这样就可以加载 DIY 模块，然后在单页模版中，添加 DIY 区域，如下：

这就是一个 DIY 区域，如果要多个区域，则：

比如，在单页模板代码的<div id="pt" > 这一个 div 层块的上面或下面加：

这样就可以实现单页 DIY 功能了，需要说明的是，模版中要在什么地方加 DIY 区域，根据自己需要，并不是固定死的，自己设计在哪，就在哪里加入。

至此，本教程结束，希望站长们仔细阅读并认真动脑思考、研究，并且制作出自己的单页。