您獲取套裝程式存檔後,需要提取其內容到一個目錄,並對檔進行所需更改。或者,您可以在伺服器上原樣安裝下載的主題套裝程式(如 安裝主題到 Plesk 中所描述的)然後直接在伺服器上對檔進行修改。

Note: 如果您選擇此方式,在安裝主題前請務必按照 編輯主題資訊 小節中的說明設定主題資訊。

主題套裝程式結構

以下表格闡述了一個主題套裝程式內包含的目錄和檔的結構和內容。

Note: 為了幫助您更方便地確定需要更改的樣式或鏡像檔,我們建議您使用 web 開發工具,例如,Firebug 用於 Mozilla Firefox,Inspect Elements 用於 Google Chrome。通過使用這些工具,您可以選擇一個介面元素並知道要應用哪些樣式,以及這些樣式會定義哪個檔以及檔中的哪一行。

image-25890.gif
css
 

當您下載主題套裝程式時,位於該目錄中的 custom.css 文件為空。會在 Plesk 主題(無法更改)中包含的檔中定義所有的樣式。但是如果您想要重新定義某個介面元素的樣式,您可以添加樣式定義到下載的 custom.css 文件然後將文件上傳到 Plesk。在此情況下,只有已定義的樣式將會被應用到某個元素,而其它元素保持不變。

您可以為頁面背景、主要字體、文本顏色、超連結顏色、表格元素的邊框顏色等添加樣式定義。

image-25890.gif
icons
 

該目錄只包含被放置到子目錄(按其大小)的圖示。注意雙圖示大小會用於支援 Retina 顯示幕。

如果您沒有打算自訂這些項目,您則可以從帶有您的自訂主題的存檔移除它們。您可以只保留您已更改或添加的項目。

image-25890.gif
圖像
 

該目錄包含用作某些介面元素的背景過濾的圖像。

這些當中的一些圖形檔是由多個用在產品介面不同地方的圖像組成的精靈表 (sprite sheets)。因此,當更改背景圖像時,請確保相應的檔沒有在其它地方使用。最好是創建一個新的圖形檔並更改樣式表以使用該圖形檔而不是單純的替換檔。

如果您沒有打算自訂這些項目,您則可以從帶有您的自訂主題的存檔移除它們。您可以只保留您已更改或添加的項目。

 
image-25890.gif
徽標
該目錄包含在 Plesk 中顯示的公司和產品徽標圖像。若要更改徽標,請使用相同名稱準備檔並替換資料夾中原有文件。
image-38607.png
meta.xml
  該檔包含有關主題套裝程式的資訊,例如其名稱和描述。

當您需要還原所做的更改而使用預設的樣式或圖像時,只需從 custom.css 檔刪除自訂的 CSS 定義並從您的自訂主題的 /images//images/logos/ 目錄移除自訂圖像即可。

編輯主題資訊

若要編輯您的主題資訊:

打開文件 meta.xml 並指定以下屬性:

  • 名稱. 設定您將用於該主題的名稱。名稱中只使用拉丁字元和減號符號 (『-『)。
  • 描述. 提供對主題的簡單描述。
  • 版本. 指定主題版本。
  • 供應商. 貴公司的名稱。