我們的一位用戶希望其網站首頁具有不同的背景。 Joomla確實提供了幾種自定義單個頁面的方法。本教程將向您介紹兩個Joomla選項。讓我們開始吧 ...

1:將CSS添加到當前模板
檢查模板是否已經使定位特定頁面變得容易。
例如,某些模板將菜單項ID添加為類。這樣一來,您無需執行其他任何操作即可使用CSS定位頁面。
使用瀏覽器的檢查工具或Firebug來檢查HTML輸出。

如您所見,在此示例中,模板將菜單項ID添加到標記中。
因此,我可以使用以下CSS定位背景:
body.itemid-101 {
background-color: yellow;
}
2:使用頁面類

如果模板沒有為每頁添加任何唯一的標記,會發生什么?
使用菜單項的Page Class選項,我們可以向HTML標記添加更多CSS類。然后,我們可以使用CSS僅定位該特定頁面。

要添加頁面類,請轉到:
- 編輯菜單項
- 頁面顯示
- 頁面類->在此處添加類
- 保存
在示例中,我在“主頁”之前添加了一個空格。這將使其成為一個單獨的類。如果希望將它作為后綴附加到最終類的末尾,請改用連字符。
如果幸運的話,模板會在您需要的地方添加該類。
讓我們在示例中查看輸出。

該類“主頁”已添加。但是,沒有在我可以使用CSS作為背景示例定位的地方添加它。我可以使用它來定位內容區域,但不能定位主體的背景。
專家提示:原因是使用CSS我無法定位父元素。我只能定位元素本身和子元素。





