線上書籍

Home

XOOPS校園多媒體網站架設研習

一、 站在巨人的肩膀上
  1. http://www.openwebdesign.org/
  2. http://www.freecsstemplates.org/
  3. http://www.oswt.co.uk/index.html
  4. http://www.freelayoutsworld.com/
  5. http://www.templateworld.com/free_templates.html
二、 整理樣板
  1. 先將index.html另存成theme.html
  2. 用所見即所得軟體,將畫面簡化,去除範例內容,並規劃出相關區域。
  3. 建議使用工具
三、 加入XOOPS佈景檔頭
  1. 請開啟教材包中的「檔頭.txt」,並將裡頭所有內容複製起來。
  2. 開啟theme.html,貼上並覆蓋<body>之前(含<body>)的所有HTML語法。
  3. 注意裡面的css檔連結位置,請視您的佈景css檔位置及檔名來自行修改。
四、 加入XOOPS樣板標籤
  1. 請開啟教材包中的「樣板碼.txt」,並將裡頭所有內容依序複製起來。
  2. 將複製起來的語法複製到theme.html中,並覆蓋原先標示的中文。
五、 修改檔案路徑
  1. 把「images/圖檔」都改成<{xoImgUrl images/圖檔}>,<{xoImgUrl}>代表完整佈景路徑。舊版寫法:<{$xoops_imageurl}>
  2. 其他不在佈景目錄中的檔案,用<{xoAppUrl 檔案}>來連結之。<{xoAppUrl}>代表網站網址。舊版寫法:<{$xoops_url}>
六、 複製必要的XOOPS樣式:
  1. 把xoops.css複製到您的佈景目錄中即可。
  2. xoops.css並非官方規定必要之檔案,而是我們自行整理出來一些XOOPS中有用到的CSS設定,因此,請自行修改或調整其內容。
七、 建立基本的區塊呈現區樣板檔(block.html)
  1. 每個區塊放置區都可以有一個樣板檔,可各自一個,也可共用一個。
  2. 區塊放置區的樣板碼可直接寫到them.html中,但這樣容易導致theme.html不易維護,所以大多獨立出來。
  3. 區塊呈現區樣板只有兩個樣板標籤:
    • (1)  區塊標題:<{$block.title}>
    • (2)  區塊內容:<{$block.content}>

<{if $xoops_dirname == "news" }>class="current"<{/if}>

八、 XOOPS樣板標籤一覽:
  1. <{$xoops_isuser}>:是否有登入
  2. <{$xoops_userid}>:使用者編號
  3. <{$xoops_uname}>:登入帳號
  4. <{$xoops_isadmin}>:是否為管理員
  5. <{$xoops_theme}>:使用佈景名稱
  6. <{$xoops_imageurl}>:佈景路徑
  7. <{$xoops_themecss}>:佈景CSS路徑
  8. <{$xoops_requesturi}>:執行的網址
  9. <{$xoops_sitename}>:網站名稱
  10. <{$xoops_slogan}>:網站口號
  11. <{$xoops_dirname}>:XOOPS目錄
  12. <{$xoops_banner}>:廣告
  13. <{$xoops_pagetitle}>:頁面標題
  14. <{$xoops_avatar}>:使用者圖像(XOOPS2.4.3新增)
  15. <{$xoops_usergroups}>:使用者所屬群組(XOOPS2.4.3新增)