DiscuzX系統DIY專題、頻道制作圖文教程

頻道是將門戶信息分類展示的形式，一個社區除了門戶、廣場、群組、家園與應用等核心功能外，還可以根據運營需要開設婚嫁、房產、汽車等頻道。專題是服務於集中報道和深度報道的一種展現形式，集中體現某項熱點事件。論壇中創建頻道、專題的位置, 分別如圖所示：
頻道創建：

專題創建：

按照後台的提示添加頻道和專題模塊！創建後的頻道和專題是沒有很強的展示效果的或者只能按照給定的方式進行展示。如果想對這兩個模塊進行個性化豐富制作就需要通過前端靜態頁面結合論壇 DIY 功能進行制作。

DIY 專題, 頻道的制作開發

以下以家居頻道為例把制作好的頁面轉換成頻道頁面

1. 如下圖：圖片文件夾、CSS 文件夾、其它文件或圖片文件夾、一個 HTML 頁面.
   
2. 下頁是制作好的效果圖：
   
3. 接下來, 我們就把這個頁面轉換成DIY頁面 
   首頁我們用編輯工具打開 index.html 頁面 
   我們為了能夠使用統一的頭部樣式, 這裡面我們引入系統內置的頭部文件（header）把頁面中的關於頭部的信息刪除 
   如下圖所示：
   
4. 把系統頭部（header）引入進來 
   
   如下圖所示：
   
5. 給新的模板起個名字, 如下代碼:
   
   
   如下圖所示：
   
6. 接下來增加可供 DIY 的 CSS 樣式表
   如下代碼
   
   
   如下圖所示：
   
7. 接下來更換底部代碼, 找到底部代碼刪除掉換成系統內置的通用底部代碼, 如下圖所示：
   
   增加如下代碼
   
   如下圖所示：
   
8. 到此基本改造完成 接下來我們把改造好的文件放在系統目錄中去
   首先我們把 index.html 文件改名
   把 index.html 改成list_home.htm 此處一定要注意 頻道模板必須以 list_ 開頭, 後綴名為 .htm 
   把改好名的 list_home.htm 文件拷貝到 template\default\portal 目錄下
   同時在 template\default\portal 目錄新建一個 home 文件夾 用來放家居頻道的圖片及樣式表
   
   此時復制 原來的文件夾 到template\default\portal 目錄的home文件夾 如下圖所示：
   
9. 接下來 用編輯器打開 list_home.htm 文件引入樣式表文件
   代碼如下
   
   
   如下圖所示: 
   
10. 同進查找把其它用到的圖片標簽全替換成 template/default/portal/home/ 這個目錄下就可以了
    接下來 我們進入後台創建一個頻道  模板名選擇 “家居頻道模板” 如下圖
    創建完成後, 點擊查看 就能看到已與系統完全整合的模板了 接下來我們把模板中的占位用的假數據換成 DIY 區域 
    用編輯器打開 list_home.htm 文件 大家會看到有類似的如下代碼
    1. 
       
    2.    
       
       
       •        
       • [裝修資訊] 七步改造計 為夏日客廳換新顏
       
       
       •        
       • [行業資訊] 拆改承重牆如同醉駕需繳費
       
       
       •        
       • [裝修資訊] 玩轉極簡主義 構造冷色系居室空間
       
       
       •        
       • [家居風水] 周星馳於文鳳分手 防小三家居風水
       
       
       •        
       • [裝修資訊] 小身材大味道 邊角料再利用