Discuz! 單頁制作教程

首先恶复,單頁包括該單頁的php文件和該單頁的模板(.htm)文件亚再,比如:host.php瓜挽、host.htm

單頁的php文件內(nèi)容如下:

<?php
require './source/class/class_core.php';//引入系統(tǒng)核心文件
$discuz = & discuz_core::instance();//以下代碼為創(chuàng)建及初始化對象
$discuz->cachelist = $cachelist;
$discuz->init();
include template('forum/about');//調(diào)用單頁模版文件
?>

這里需要注意的是嫁审,about為模板文件名,不需要加.htm擴展名克锣,模板文件存放于自己當前風格目錄下的forum目錄茵肃,單頁的php文件存放于論壇根目錄。

php文件創(chuàng)建完畢娶耍,現(xiàn)在開始創(chuàng)建模版文件免姿,基本代碼如下:

{subtemplate common/header}
<div id="pt" class="wp">
        <a href="index.php">首頁</a> &rsaquo; 關于我們
</div>
<style id="diy_style" type="text/css"></style>
<div id="ct" class="wp cl w">

        <div class="mn mw">
                <div class="content">
                              
                     這里是自己正文區(qū)域的代碼
                        
                </div>
        </div>
</div>

{subtemplate common/footer}

其中:
<a href="index.php" class="nvhm">$_G[setting][bbname]</a> &rsaquo; 關于我們這一行是單頁的路徑顯示,比如:首頁 ? 關于我們榕酒,{subtemplate common/header}胚膊、{subtemplate common/footer}分別為調(diào)用頁頭、頁尾模板想鹰,使得單頁風格與論壇保持一致紊婉。

至此,基本型單頁創(chuàng)建完畢辑舷。演示效果見:

http://www.prohui.com/about.php

以下為帶右邊側(cè)欄單頁模板

上面模板文件代碼是不帶邊欄的喻犁,現(xiàn)在講下帶邊欄的單頁模板文件代碼,如下:

{subtemplate common/header}
<div id="pt" class="wp"><a href="index.php" class="nvhm">$_G[setting][bbname]</a> &rsaquo; 會員風采</div>
<div id="ct" class="wp cl n">
        <div class="mn">
            <div class="bm">
                        <h1 class="mt">![](static/image/feed/profile.gif) 分類瀏覽</h1>
                        <div class="datalist" style="margin:10px 0;">
                
                               這里是正文區(qū)域代碼
                                
                        </div>
                </div>
        </div>

        <!--邊欄區(qū)域代碼開始-->
        <div id="psd" class="sd">

        <div class="bn">
                <p><strong>欄目名稱</p>
                <p><a href="#">邊欄菜單名稱</a></p>
                <p><a href="#">邊欄菜單名稱</a></p>
                <p><a href="#">邊欄菜單名稱</a></p>
        </div>

        <div class="bn">
                <p><strong>管理面板</strong></p>
                <p><a href="#">添加分類</a></p>
                <p><a href="#">管理分類</a></p>
                <p><a href="#">返回會員風采</a></p>
        </div>

        </div>
        <!--邊欄區(qū)域代碼結(jié)束-->
</div>

{subtemplate common/footer}

其中:邊欄區(qū)域代碼中何缓,每個<div class="bn">區(qū)塊為一個邊欄菜單區(qū)域肢础。

以下為帶右邊側(cè)欄且多頁選項卡切換

剛看看到論壇有站長問單頁中如何做那個多頁面選項卡切換,下面介紹下碌廓。

其實就是多了幾行代碼传轰,都是DX系統(tǒng)自帶的,直接使用即可谷婆,在上面帶右側(cè)邊欄模板代碼的:

<h1 class="mt">
![](static/image/feed/profile.gif)
分類瀏覽
</h1>

這一行下面加入:

<ul class="tb cl">
                                <li <!--{if empty($_G[gp_viewtype]) || $_G[gp_viewtype] == 'new'}-->class="a"<!--{/if}-->><a href="host.php?viewtype=new">最新發(fā)布</a></li>
                                <li <!--{if $_G[gp_viewtype] == 'view'}-->class="a"<!--{/if}-->><a href="host.php?viewtype=view">瀏覽排行</a></li>
                                <li <!--{if $_G[gp_viewtype] == 'comment'}-->class="a"<!--{/if}-->><a href="host.php?viewtype=comment">回復排行</a></li>
                <li <!--{if $_G[gp_viewtype] == 'rate'}-->class="a"<!--{/if}-->><a href="host.php?viewtype=rate">評分排行</a></li>
                        </ul>

解釋上面代碼慨蛙,其中每個<li>標簽,就是一個選項卡纪挎,里面的超鏈接host.php?viewtype=new期贫,這里的viewtype就是指定一個變量,并且指定值為new异袄,點擊這個選項卡時候$_G[gp_viewtype]就會獲取到這個值通砍,然后通過判斷$_G[gp_viewtype]的值,來選擇當前選項卡是否為焦點選項烤蜕。

既然說到多頁封孙,那么多個頁面如何做垢揩,思路可以有兩種,一種是建立多個單頁敛瓷,包括多個php文件和多個模板文件,當然這種方法比較直接斑匪,但是比較麻煩呐籽,可以在同一個模板文件中判斷$_G[gp_viewtype]的值來選擇顯示不同的內(nèi)容,比如在正文區(qū)域中如下代碼:

<!--{if $_G[gp_viewtype] == 'new'}-->
這里顯示的是new選項卡下的內(nèi)容
<!--{elseif $_G[gp_viewtype] == 'view'}-->
這里顯示view選項卡下的內(nèi)容
<!--{elseif $_G[gp_viewtype] == 'comment'}-->
這里顯示comment選項卡下的內(nèi)容
<!--{/if}-->

這樣就實現(xiàn)了一個模版文件中多個頁面的效果蚀瘸。點擊不同選項卡狡蝶,顯示不同內(nèi)容。

以下為可以DIY的單頁教程

自己制作的單頁中贮勃,如何又能使用DX的DIY功能呢贪惹?

只需要稍加改造,即可完成寂嘉,如下:
將單頁php文件調(diào)用模板的那行代碼改成:

include template('diy:forum/host');

這樣就可以加載DIY模塊奏瞬,然后在單頁模版中,添加DIY區(qū)域泉孩,如下:

<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->

這就是一個DIY區(qū)域硼端,如果要多個區(qū)域,則:

<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
<!--[diy=diy2]--><div id="diy2" class="area"></div><!--[/diy]-->
<!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]-->

將里面diy1,diy2,diy3區(qū)分開來即可寓搬。

比如珍昨,在單頁模板代碼的<div id="pt" class="wp">這一個div層塊的上面或下面加:

<div class="wp">
        <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
</div>

這樣就可以實現(xiàn)單頁DIY功能了,需要說明的是句喷,模版中要在什么地方加DIY區(qū)域镣典,根據(jù)自己需要,并不是固定死的唾琼,自己設計在哪兄春,就在哪里加入。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末父叙,一起剝皮案震驚了整個濱河市神郊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌趾唱,老刑警劉巖涌乳,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異甜癞,居然都是意外死亡夕晓,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門悠咱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蒸辆,“玉大人征炼,你說我怎么就攤上這事」保” “怎么了谆奥?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長拂玻。 經(jīng)常有香客問我酸些,道長,這世上最難降的妖魔是什么檐蚜? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任魄懂,我火速辦了婚禮,結(jié)果婚禮上闯第,老公的妹妹穿的比我還像新娘市栗。我一直安慰自己,他們只是感情好咳短,可當我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布填帽。 她就那樣靜靜地躺著,像睡著了一般咙好。 火紅的嫁衣襯著肌膚如雪盲赊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天敷扫,我揣著相機與錄音哀蘑,去河邊找鬼。 笑死葵第,一個胖子當著我的面吹牛绘迁,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播卒密,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼缀台,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了哮奇?” 一聲冷哼從身側(cè)響起膛腐,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鼎俘,沒想到半個月后哲身,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡贸伐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年勘天,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡脯丝,死狀恐怖商膊,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情宠进,我是刑警寧澤晕拆,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站材蹬,受9級特大地震影響潦匈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜赚导,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望赤惊。 院中可真熱鬧吼旧,春花似錦、人聲如沸未舟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽裕膀。三九已至员串,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間昼扛,已是汗流浹背寸齐。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留抄谐,地道東北人渺鹦。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像蛹含,于是被迫代替她去往敵國和親毅厚。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,111評論 25 707
  • 轉(zhuǎn)載自cr180大神DiscuzX2.5完整目錄結(jié)構(gòu)【source程序文件庫】 /source/admincp后臺...
    cndaqiang閱讀 849評論 1 2
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫浦箱、插件吸耿、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,102評論 4 62
  • 在路上走著走著,忽然發(fā)覺臉濕漉漉的酷窥,第一反應是下雨了咽安,沒帶傘怎么辦∨钔疲可是一抬頭發(fā)現(xiàn)只是陰天沒下雨……原來是自己哭了...
    牧童貓貓閱讀 208評論 0 0
  • cocoapods報錯, 報錯, 報錯… OK,下面步入正題 在安裝CocoaPods之前板乙,首先要在本地安裝好Ru...
    唐半仙丶閱讀 3,264評論 1 5