DIY 使用指導

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的框架 如下圖所示:

    接下來向右側的1-1里面也拖入一個1:1的框架,如下圖所示:

    接下來我們就可以通過拖拽模塊到框架中去了

    此時我們可以去掉框架的標題 ,同時為每一個模塊增加一個標題 如下圖所示:

    你可以通過不同的模塊樣式或者CSS來美化這里。

  6. 如何修改整個模塊的鏈接樣式 比如下圖

    方法:選中要編輯的模塊 ,點擊編輯--樣式 進行修改 如下圖所示:

    以上修改針對整個模塊完成 。

  7. 如何修改兩個模塊或兩個框架之間的距離 如下圖樣式

    選擇要編輯的框架或者模塊 ,點擊編輯--樣式 選擇外邊距,勾選分別設置 ,在右邊距中寫入合適的數字就可以了 例如如下圖所示:

    完成后的效果 如下圖樣式

    完成。

  8. DIY中TAB框架如果切換點擊方式(鼠標點擊與鼠標滑過)

    實現方法:拖一個TAB框架到頁面中,點編輯,選擇標題 如下圖所示:

    在彈出的窗口中選擇切換類型 如下圖所示:

    你可以根據你的需要選擇是點擊還是滑過即可完成。

  9. 在DIY模塊中的模塊數據中固定是什么意思,如下圖

    解答: 當勾選固定后 此條數據將不會隨著模塊屬性當中的條件進行更新,也就是說,此條數據將永久不變,除非把勾選去掉

  10. 如何實現兩個模塊中間一條豎線的效果,如下圖效果

    實現方法:選中要操作的DIY模塊 選擇樣式 如下圖所示:

    在彈出的層中 ,選擇邊框的分別設置 ,在邊框的“左” 大小 設置為1px,“樣式”選擇實線,“顏色”選擇灰色,如下圖所示:

    這樣設置后 我們就能看到一個邊線了 這時你會看到內容與邊線擠在了一起 如下圖所示:

    接下來我們進行調整內邊距改變上圖中的樣式 同理,打開樣式編輯層 選擇“內邊距” 點分別設置 在“左”中添加10px

    調整后如下圖所示:

    大家可以根據實際情況調整 內、外邊距的大小與邊框的設置 ,靈活使用

  11. 如何將一個文章模塊轉換為一個帖子模塊,比如官方提供的門戶及頻道都是文章類模塊 ,我們如何轉換為帖子類,編輯模塊的屬性 把其中的模塊分類進行切換 如下圖所示:

    選擇帖子模塊就可以變換 這里要注意 切換之后,原來的模塊樣式將變成私有的(自定義樣式) 修改顯示樣式只能通過模塊模板進行修改

  12. 如何在模板(官方發布的頻道及門戶)里面插入DIY區域 ,如下圖所示:


    首先打開 模板文件 例如親子模板, 打開template\default\portal\list_baby.htm 文件找到這兩段代碼的之間插入一行代碼
    1. <!--[diy=guanggao]--><div id="guanggao" class="area"></div><!--[/diy]-->

    其中 “guanggao” 可以任意取名,注意 不可與本模板中其它重名,必須保證唯一性 如下圖所示:

pk10倍投大小的方法 大洋娱乐棋牌 单机捕鱼游戏在线玩 四川欢乐麻将血战到 安徽11选5前三组选遗漏 金属行情软件哪里下载 深圳富贵乐园棋牌 甘肃快3走势图带连线 李逵劈鱼有几个版本 好玩的棋牌手机游戏 浙江十一选五的走势 中国移动股票行情查 微乐捉鸡麻将下载安 广东好彩1预测分析 哔哩哔哩柬埔寨美女捕鱼 棋牌斗牛游戏大厅 陕西快乐十分20选8