「介面操作之自我介紹」,其意義就是「安裝 Joomla! 預設範例資料」,瀏覽 Joomla! 範例網站前台與後台的頁面,透過「範例資料」的43篇文章來學習 Joomla! ,這樣的過程就像是 Joomla! 自己在介紹 Joomla! 自己




2.8 佈景,就是劃分視效區塊

執行 [佈景主題管理] ,進入「佈景主題管理」的操作畫面。


再點擊佈景主題名稱,而後進入「佈景主題:[編輯]」的操作畫面。

靠近佈景主題名稱,會出現對應的佈景縮圖,方便瞭解佈景的概略面貌。

Joomla! 內建的佈景主題有三種:
  • beez
  • JA_Purity
  • rhuk_milkyway

下圖是「佈景主題:[編輯]」的操作畫面,此時是在編輯Beez 佈景主題。

Beez 佈景主題,沒有提供可直接調整的參數值。若要調整其參數值,必須「編輯HTML」、「編輯CSS」。

下圖是「佈景主題:[編輯]」的操作畫面,此時是在編輯 JA Purity 佈景主題。

JA Purity 佈景主題,提供很多可直接調整的參數值,例如,標誌類型、標誌文字、標題。通常,你的網站主題應該與 Joomla! 無關,如果你懶得更改標誌的圖片,可直接用文字顯示出網站的主題。

RHUK Milkyway 是預設的 Joomla! 佈景主題。

下圖是「佈景主題:[編輯]」的操作畫面,此時是在編輯 RHUK Milkyway 佈景主題。
RHUK Milkyway 佈景主題,提供很多三項可直接調整的參數值,主要顏色、背景顏色、佈景主題寬度。

下圖是預設的佈景主題,主要顏色、背景顏色都是藍色
將 RHUK Milkyway 佈景主題的主要顏色、背景顏色都設為是綠色
將 RHUK Milkyway 佈景主題的主要顏色、背景顏色都設為是黑色

按下「預覽」按鈕,在 Joomla! 後台就可預覽佈景主題的效果。


在後台,可看到區塊位置的英文名稱,這訊息對於設計佈景主題、調整模組區塊的位置是很有幫助的。
Beez 對於 top、use1、use2、use3、use4 的位置與 RHUK Milkyway 所定義的位置是不同的。



對於後台管理介面的操作,有一個小地方要注意,更換佈景主題,要先點擊名稱的「選項按鈕」,再按下「預設」按鈕。


這個小地方對於不常操作網頁介面的人,會不太習慣。在後台,可以編輯並看到該佈景主題的效果,但若要在前台的頁面看到該佈景主題的效果,一定要將該佈景主題設定為「預設」。

下圖是 Beez 佈景主題。


下圖是 JA Purity 佈景主題。

下圖是「預設的」RHUK Milkyway佈景主題。


在 Joomla! 後台,執行 [擴充套件] -> [模組管理],進入「模組管理」的操作畫面,會看到 Joomla! 內建的模組有25項。

位置 left 的模組,位置 right 的模組,在 RHUK Milkyway、Beez、JA Purity 這三種佈景主題,其顯示的方位大致相同。

以下條列 Joomla! 內建的模組名稱,及其對應的區塊位置、類型名稱。
編號1~10的模組:
  • 瀏覽蹤跡:位置 breadcrumb,類型 mod_breadcrumbs
  • 廣告看板:位置 footer,類型 mod_banners
  • 頁尾:位置 footer,類型 mod_footer
  • 顯示新聞聯播:位置 left,類型 mod_feed
  • 主選單:位置 left,類型 mod_mainmenu
  • 網上資源:位置 left,類型 mod_mainmenu
  • 關鍵概念:位置 left,類型 mod_mainmenu
  • 用戶選單:位置 left,類型 mod_mainmenu
  • 範例網頁:位置 left,類型 mod_mainmenu
  • 統計資料:位置 left,類型 mod_stats
編號11~20的模組:
  • 登入表單:位置 left,類型 mod_login
  • 封存列表:位置 left,類型 mod_archive
  • 單元列表:位置 left,類型 mod_sections
  • 相關項目:位置 left,類型 mod_related_items
  • 包裹:位置 left,類型 mod_wrapper
  • 意見調查:位置 right,類型 mod_poll
  • 誰在線上:位置 right,類型 mod_whosonline
  • 隨機圖片:位置 right,類型 mod_random_image
  • 廣告:位置 right,類型 mod_banners
  • 聯合供稿:位置 syndicate,類型 mod_syndicate
編號21~25的模組:
  • 新聞快報:位置 top,類型 mod_newsflash
  • 最新內容:位置 user1,類型 mod_latestnews
  • 熱門文章:位置 user2,類型 mod_mostread
  • 頂層選單:位置 user3,類型 mod_mainmenu
  • 搜尋:位置 user4,類型 mod_search

接下來,回應本節的標題「佈景,就是劃分視效區塊」,比較 top、use1、use2、use3、use4 的位置。
  • RHUK Milkyway佈景主題,將新聞快報(top)、最新內容(user1)、熱門文章(user2)、頂層選單(user3)放在頁面的上方。新聞快報在最上方,頂層選單在上方中間。

  • Beez 佈景主題,將新聞快報(top)、最新內容(user1)、熱門文章(user2)、頂層選單(user3)放在頁面的右側,頂層選單在右側上方。

  • JA Purity 佈景主題,將新聞快報(top)、最新內容(user1)、熱門文章(user2)、頂層選單(user3)放在頁面的下方。