:::
所有書籍
「四小時佈景開發」目錄
MarkDown
2. 將佈景轉換為樣板（10分鐘）
1. 製作XOOPS的佈景大致流程（10分鐘）
2. 將佈景轉換為樣板（10分鐘）
2-1 精簡 theme.html 內容（30 分鐘）
2-1-1 theme.html
2-2 放入共同的佈景檔案及目錄（10分鐘）
2-3 將 theme.html 套用共同樣板檔（30分鐘）
2-3-1 theme.html
2-4 佈景可用的XOOPS樣板標籤（10分鐘）
2-4-1 theme.html
3. 初次套用佈景（20分鐘）
3-1 config.php
4. 關於 config.php（30分鐘）
5. 關於 theme_css.html（20分鐘）
6. 滑動圖文（10分鐘）
7. 導覽列選單（10分鐘）
8. 讓使用者可以傳 logo 圖（20分鐘）
9. 關於 config2.php 額外設定（30分鐘）
2-1-1 theme.html
四小時佈景開發 ======= 1. XOOPS的樣板會套用到所有頁面，所以，樣板頁面必須要能適用於各種情形，並呈現出主內容及各區域的區塊。 2. 免費的佈景裡面有一堆預設內容，所以，我們可以清除之。 3. 清除的原則就是把中間部份全部空出來，套用我們做好的樣板檔即可。  4. 例如上圖所示，我們可以將「<div class="divPanel">」裡面的東西都刪除（也可以利用FireFox瀏覽器的「刪除節點」來看一下刪除後的效果），以sublime為例，可以用 Ctrl+F 找到 divPanel後，點選左邊的倒三角形圖示，先將段落語法縮起來，再刪除，避免誤刪。  5. 建議用簡單的字串來取代之，稍後加入樣板檔時才不會找不到（預覽也比較清楚刪除後有無問題）。  6. 頁尾部份一樣可以比照辦理：  7. 另外，logo區以及導覽頁也可以一併處理之。不過因為logo區其實只是文字，所以，暫時不套用共同樣板（優點是可以直接套用網站標題及網站標語，缺點是無法從後台佈景管理設定 logo圖片），至於導覽列建議先套用共同樣板，先讓選單有作用，日後若要改成和原佈景同樣風格的選單我們可以再自行處理。  8. 最後看起來會像這樣： 
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
68
人線上 (
16
人在瀏覽
線上書籍
)
會員: 0
訪客: 68
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱（急救版）
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入
2. 將佈景轉換為樣板（10分鐘）
