天天看點

了解Joomla-模闆目錄結構

了解如何添加您自己的自定義模闆和HELIX3了解目的檔案夾。下面是模闆 shaper_helix3檔案夾結構的基礎:

CSS檔案夾

包括用于建立模闆的布局和設計特點都建立一個CSS檔案。在那裡你會發現例子:引導3 x和字型真棒4 x風格。

在CSS 預置檔案夾中你可以找到風格預設不同顔色的變種。它們在模闆設定中使用。

使用自定義的CSS HELIX3給你機會去創造你自己的獨特的設計,允許你自定義標明元素的外觀(顔色、大小等)。請不要編輯template.css,legacy.css其他主CSS檔案從HELIX3模闆架構。因為你所有的變化将通過模闆引擎被覆寫。

有添加您自己的自定義CSS一HELIX3模闆至少兩種方法(架構):

  • 從模闆設定(有自定義CSS送出)
  • 或添加您自己的CSS建立在/ CSS檔案夾Custom.css檔案。

這樣你的CSS不會覆寫模闆系統或下模闆更新。

功能檔案夾

此檔案夾包含每個HELIX3模闆主要部分源代碼:

  • logo.php -所有應用類型辨別源代碼(圖像、文本、移動)
  • menu.php菜單切換megamenu和offcanvas菜單
  • title.php -面包屑子產品位置的頁面标題
  • contact.php -聯系(電話和郵件),你可以看到在大多數情況下,在頂部的模闆位置(前端)和設定在基本頁籤
  • social.php -社會的圖示,你可以看到在模闆設定基本的标簽
  • footer.php -版權部分,也可以看到在模闆設定基本的标簽

在每個模闆的源代碼中選擇的檔案可能看起來不同,包括額外的功能

字型檔案夾

在大多數情況下,有需要和遺留類型的字型檔案:

  1. fontawesome
  2. icofont
  3. icomoon

谷歌字型,可以在模闆中使用的設定不儲存在本地,有在谷歌的伺服器上。

HTML檔案夾   

Joomla有一個內建的工具,允許你複制元件和子產品視圖,建立覆寫。可以從這個模闆檔案夾,避免黑客Joomla !檔案。在指導的更多資訊:

https://docs.joomla.org/How_to_override_the_output_from_the_Joomla

! _core      

這個目錄包含模闆為核心子產品輸出和chrome覆寫檔案。      

在我們所有的模闆,我們覆寫了核心元件的看法:      

  • 文章(com_content)  

     

  • 使用者(com_users)   
  • 搜尋(com_search)  

和子產品:      

  • 文章類别   
  • 最新的文章  
  • 菜單

      

  • 登入   
  • 搜尋   
  • 标簽   
  • 面包屑   

和有時也JoomShaper子產品:SP簡單組合等。      

在該子產品可以找到檔案夾命名布局——包含兩個子檔案夾:joomla和helix3:      

檔案夾:html模闆 shaper_helix3 joomla布局,包含主要覆寫由Helix3 joomla元素和新功能,例如:      

  • 文章的觀點   
  • 分類視圖   
  • 閱讀更多   
  • 文章的格式   
  • 社會評論   
  • 社會分享   
  • 資訊塊(作者、日期,類别等等)   

....      

圖檔檔案夾   

這個目錄包含所有圖檔使用的模闆,而不是快速入門示範站點(!)。例如,你會發現:      

  • 預設的圖示   
  • 預設模闆的标志   
  • 圖形背景   

JS檔案夾   

從JavaScript JS捷徑——包含支援JavaScript使用的模闆添加功能。

繼續閱讀