單頁製作教程 For Discuz!X2（DIY/左右邊欄/標籤選項卡）

本次教程相對於以前版本的單頁製作教程的區別：
修復 Discuz!X2 單頁 DIY 後無法儲存的問題；

首先，單頁包括該單頁的 php 檔案和該單頁的模板 （.htm） 檔案，比如：host.php 、 host.htm

普通單頁的 php 檔案內容如下：

這裡需要注意的是，host 為模板檔名，不需要加.htm 副檔名，模板檔案存放於預設風格目錄下的 forum 目錄；
單頁的 php 檔案存放於論壇根目錄；

$navtitle = '官方 QQ 群列表'; 這一句是定義單頁的標題，顯示於瀏覽器頂部的網頁標題
$metakeywords = 'QQ 群, 官方,discuz,DRC,7drc,QQ'; 是單頁的關鍵詞資訊
$metadescription 是單頁的描述資訊。

可 DIY 的單頁 PHP 檔案程式碼內容如下：

注：
其中 loadcache('diytemplatename');
為 Discuz!X2 對 DIY 這一塊做的更新，DIY 要載入快取，所以以前 X1.5 的單頁製作教程做出來的單頁 DIY 會無法儲存。 DIY 的單頁模版檔案，
修改單頁模版內容後需要更新快取才能重新整理出來。

php 檔案建立完畢，現在開始建立模版檔案，基本程式碼如下：
普通單頁的模版檔案程式碼：

效果如下：

-------------------------------------------------------------------------------------

可 DIY 的單頁模版檔案程式碼如下：

其中：

這段程式碼就是 DIY 區域的程式碼，之前 X1.5 的單頁教程裡面我們也講到過，可以在單頁的任意位置插入 DIY 區域，即：

注意：如果一個頁面要插入多個 DIY 區域，注意修改上面 DIY 區域的編號 ID，幾個 DIY 區域的 ID 編號不能相同。
-------------------------------------------------------------------------------------

帶有右側邊欄的單頁模版檔案程式碼：

效果如下：

-------------------------------------------------------------------------------------

帶有左側邊欄的單頁模版檔案程式碼：

注意觀察這個左側邊欄的模版程式碼和右側邊欄的模版程式碼，可以發現，程式碼其實都一樣，只是更改一下 CSS 樣式。

<div > 給這個 div 加一個向右浮動，即：

再給 <div > 這個 div 加一個向左浮動的 CSS 樣式，即：

就是說只是左右對調一下。

演示效果如下：

-------------------------------------------------------------------------------------

帶有標籤選項卡的單頁模版：

注意觀察你會發現，選項卡這一部分跟 X1.5 一樣的，就是在模版的正文區域的 div 內增加一段程式碼：

效果如下：

此次教程整理結束。