:::
14. 備份步驟15. XOOPS佈景速成
一、 站在巨人的肩膀上
- http://www.openwebdesign.org/
- http://www.freecsstemplates.org/
- http://www.oswt.co.uk/index.html
- http://www.freelayoutsworld.com/
- http://www.templateworld.com/free_templates.html
二、 整理樣板
- 先將index.html另存成theme.html
- 用所見即所得軟體，將畫面簡化，去除範例內容，並規劃出相關區域。
- 建議使用工具
三、 加入XOOPS佈景檔頭
- 請開啟教材包中的「檔頭.txt」，並將裡頭所有內容複製起來。
- 開啟theme.html，貼上並覆蓋<body>之前（含<body>）的所有HTML語法。
- 注意裡面的css檔連結位置，請視您的佈景css檔位置及檔名來自行修改。
四、 加入XOOPS樣板標籤
- 請開啟教材包中的「樣板碼.txt」，並將裡頭所有內容依序複製起來。
- 將複製起來的語法複製到theme.html中，並覆蓋原先標示的中文。
五、 修改檔案路徑
- 把「images/圖檔」都改成<{xoImgUrl images/圖檔}>，<{xoImgUrl}>代表完整佈景路徑。舊版寫法：<{$xoops_imageurl}>
- 其他不在佈景目錄中的檔案，用<{xoAppUrl 檔案}>來連結之。<{xoAppUrl}>代表網站網址。舊版寫法：<{$xoops_url}>
六、 複製必要的XOOPS樣式：
- 把xoops.css複製到您的佈景目錄中即可。
- xoops.css並非官方規定必要之檔案，而是我們自行整理出來一些XOOPS中有用到的CSS設定，因此，請自行修改或調整其內容。
七、 建立基本的區塊呈現區樣板檔（block.html）
- 每個區塊放置區都可以有一個樣板檔，可各自一個，也可共用一個。
- 區塊放置區的樣板碼可直接寫到them.html中，但這樣容易導致theme.html不易維護，所以大多獨立出來。
- 區塊呈現區樣板只有兩個樣板標籤：
- (1) 區塊標題：<{$block.title}>
- (2) 區塊內容：<{$block.content}>
<{if $xoops_dirname == "news" }>class="current"<{/if}>
八、 XOOPS樣板標籤一覽：
- <{$xoops_isuser}>：是否有登入
- <{$xoops_userid}>：使用者編號
- <{$xoops_uname}>：登入帳號
- <{$xoops_isadmin}>：是否為管理員
- <{$xoops_theme}>：使用佈景名稱
- <{$xoops_imageurl}>：佈景路徑
- <{$xoops_themecss}>：佈景CSS路徑
- <{$xoops_requesturi}>：執行的網址
- <{$xoops_sitename}>：網站名稱
- <{$xoops_slogan}>：網站口號
- <{$xoops_dirname}>：XOOPS目錄
- <{$xoops_banner}>：廣告
- <{$xoops_pagetitle}>：頁面標題
- <{$xoops_avatar}>：使用者圖像（XOOPS2.4.3新增）
- <{$xoops_usergroups}>：使用者所屬群組（XOOPS2.4.3新增）
