首先參考Discuz如何自定義單個頁面的文章,確保你已經能做一個"關於我們"這種純HTML靜態頁面(只有文字和靜態圖片描述)。其次參考下面的文件修改原來的htm文件
注意我用紅色標注出來的是一定要套用的起始和結束格式,當然[name]括起來的東西是可以自己定義的
黃色標注出來的是可以自己添加的CSS文件和HTML文件內容(這個跟前面說的一樣,是你自己定義頁面的內容,可以放圖片,文字,嵌入視頻等等)
綠色的區域尤其重要,<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->這一行就表示定義了一個可以DIY的區域,div=diy1和div id="diy1"缺一不可,而且不要在同一個htm文件中有兩個相同的ID
<!--{template common/header}-->
<!--[name]優傲機器人模板[/name]-->
<style id="diy_style" type="text/css"></style>
<link rel="stylesheet" type="text/css" href="style/basic.css" />
<div class="wp">
<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
<!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]-->
</div>
<div class="">
<p class="content_title">優傲機器人官方介紹</p>
<a class="content_link" href="http://v.youku.com/v_show/id_XODEwMTUxMTEy.html?f=22971145&spm=a2h1n.8251843.0.0">優傲機器人精彩視頻集錦</a>
</div>
<div class="content_video">
<embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XODEwMTYxNDA4/v.swf' quality='high' width=100% height='550' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'></embed>
</div>
<script src="misc.php?mod=diyhelp&action=get&type=index&diy=yes&r={echo random(4)}" type="text/javascript"></script>
<!--{template common/footer}-->
<!--引用公共底部-->
這樣的方法添加了PHP和htm文件之后,刷新網頁的指定頁面(注意已經不是主頁了,而是自定義的php頁面),在diy模式下,可以看到定義成可以DIY的區域有一行淺綠色的背景,如果你沒有一行可DIY區域就沒有這個特點,如果沒有這個,你也可以DIY,但是點擊保存之后就啥也沒了(頁面沒有可以保存DIY的區域)
這個時候我再添加框架,就可以決定添加到哪個框架中(仔細看當我移動藍色的1框架,他可以在不同的DIY區域內切換)
即便我什么都不做,直接點擊保存,也可以發現多了1框架的文本,這說明這個框架已經添加到這個頁面了
當然還沒有完成,我們只是添加了框架,接下來需要往框架中填充數據(我個人是希望在這個版塊中填充只屬於這個板塊的數據,這樣可以更加高效,用戶既然點擊了這個版塊,就說明他專心想在這個版塊的相關內容找資源,如果是首頁那么就是所有板塊的所有數據的集合),接着點擊DIY-高級模式,然后在框架中拖入帖子模塊,設置數據來源為指定的幾個板塊(按住Ctrl鍵可以多選),點擊確定
設置好不同的數據來源之后,這個板塊就可以只顯示你指定的幾個板塊數據了(當然如果前面添加的不是100%的框架,比如1:1:1那么你接着拖放別的模塊到框架中即可)