DiscuzX系統DIY功能使用詳細圖文指導

DIY功能主要是利用頁面拖拽技術，在不編寫代碼的情況下實現快速布局頁面、聚合調用站內數據的功能。下面我們來看如何使用DIY功能 以及如何美化DIY的數據模塊。

基本DIY流程

1. 以管理員身份登錄網站前台，點擊頭部右上方“DIY”按鈕，進入DIY模式：
   


2. 進入DIY模式後，頁面中內置的可DIY區域（模板標簽中已經講過）將會以灰藍色顯示：
   
   (1)首先，要選擇合適的框架，點擊 框架 來選擇合適的框架拖拽到所需位置：
   
   (2)然後，點擊 模塊 ，來選擇合適的模塊，拖拽到框架中，拖拽進去後，頁面便會彈出編輯模塊屬性窗口，如下圖所示：
   
   根據所需要調用的數據類型設置各屬性即可。

修改模塊頁面顯示樣式

1. 如何在模塊中增加“標題”及 “更多”的鏈接 如下圖樣式
   
   方法：通過框架或模塊都可以實現上述樣式 ，我們以框架為例，我們在DIY的時候 選中要編輯的框架點擊編輯 如下圖所示：
   
   之後點擊標題
   
   在彈出的層中可以添加標題及鏈接,位置選擇居左 如下圖所示，同時可以設置標題的顏色及大小
   接下來增加“更多”的鏈接 點擊彈出層的添加新標題按扭 如下圖所示 ，會“復制”出一份新的標題 你只需修改就可以了把其中的“精彩教程” 改成“更多” ，鏈接以及字體、顏色都進行修改就可以了，這裡的位置一定要選擇“居右”
   
   完成，這樣框架就有了標題及更多 ，模塊的方法同上


2. DIY的模塊中如何調整鏈接的顏色 
   如下圖樣式
   
   方法：選中要修改的模塊 ， 點擊編輯，選擇 數據 如下圖所示：
   
   在彈出層中選擇 編輯 如下圖所示：
   
   在彈出的層中 可以對標題進行 加粗、斜體、加下劃線、修改顏色 等操作
   
3. 如何在現有的模塊中添加新的數據
   選中要添加數據的模塊 點擊編輯--數據 如下圖所示：
   
   在彈出的層中 選擇任意一條數據 點擊編輯 如下圖所示：
   
   點擊編輯後 在彈出的層中選擇從數據源獲取 此處可以添寫帖子ID、文章ID、日志ID、圖片ID 來獲取數據 如下圖所示：
    
   點擊獲取會填充模塊內相應的數據字段 （此處的數據字段會根據模塊樣式的不同有所變化，請注意）完成。


4. DIY時如何調用外部程序的數據,當我們與第三方程序整合後 如何在門戶、頻道、論壇、或可以DIY的區域調用這些第三方程序的數據,首先我們可以在需要調用的地方拖一個展示類中的靜態模塊 如下圖所示：
   
   如上圖所示 選擇數據來源為“自定義HTML”
   一般第三方系統的數據調用都會有輸出JS格式的 我們把第三方程序提供的JS代碼粘貼進 HTML代碼框就可以了，如下圖所示：
   
   完成。


5. 首頁多格或首頁四格如何DIY出來, 我們以論壇首頁為例 （在任何頁面都可以） 來制作一個首頁四格。
   首先在論壇首頁拖一個 1:1的框架 如下圖所示：
   
   接下來向已拖好的1-1框架的框架裡 左側的1 裡面拖入一個1:1的框架 如下圖所示：