本文檔提供了創建和Magento的應用程序進行安裝定制的店面主題的說明。它描述Magento的內容呈現過程，并說明該系統的對有效地建立一個主題要求的范圍內的觀點層。該文件還走過日常前端開發人員的任務。 開發自定義模塊的視圖部分和定制Magento管理面板的設計是本指南的范圍。 前端開發人員可以使用本指南來創建自定義主題來定制Magento的店面為特定客戶。 您可以將定制的這些層面到您的網站，那里的水平需要不同的開發技能： 你可以讓你的網站使用層疊樣式表（CSS）來改變顏色和相對簡單的變化各種接口部件的外觀和感覺，更換圖像和其他相對表面的改變。 不可更改結構來制作網頁，你接受你加載到您的網站通過模塊默認提供的網站的結構。 這對于一個網站一個很好的起點，因為它需要最少的努力和知識。 一小步超越您的網站改變CSS和圖像是讓現有模塊生成更改HTML。 這就需要基本的PHP技能調整PHTML模板文件。 盡管PHP編碼參與，這通常是復制和粘貼從現有的模板文件的PHP代碼小片段到一個新的模板文件，不同結構的HTML。 如果產生現有的HTML沒有足夠的CSS類名或HTML元素，實現演示文稿的變化，你想實現這可能是有用的。 復雜的下一級是被網頁上的地點之間移動的功能，使您的網站的結構變化或完全不同的頁面。 這是使用的Magento布局引擎來實現。沒有PHP編碼需要作出布局的變化，但布局引擎是適度復雜。 最后，你可以開發新的模塊，新的自定義功能添加到您的網站或擴展現有的Magento或第三方模塊提供的功能。 這種定制的第三個層次是本指南中未解決。 請參閱開發人員指南，了解如何開發新的模塊的詳細信息。 這要求除了所有前述區域的知識PHP編程知識。 已經有關于視覺設計編輯器（VDE），這是目前Magento的開發代碼庫的一部分的狀態有些疑問。該VDE使分配和取消分配主題，編輯主題CSS和JS文件，改變頁面布局，以及在所見即所得的模式的網頁管理模塊和它們的位置。我們想澄清，以滿足更高的優先目標，VDE不會是最初的Magento版本的一部分。對于VDE未來計劃將在以后的某個時間進行溝通。歡迎您繼續提供有關VDE輸入，但請注意，我們不會積極審查或actioning在短期內這些意見。 前端發展的先決條件 為了實現與本指南中討論，你需要一個工作的Magento安裝并安裝在設備上的瀏覽器版本 Internet Explorer和Microsoft邊（視窗） 店面：Internet Explorer 9或更高版本 Magento管理：Internet Explorer的11或更高版本，微軟邊緣，最新-1 所有其他瀏覽器（包括店面和Admin） Magento管理：Internet Explorer的11或更高版本，微軟邊緣，最新-1 Firefox的最新，最新-1（任何操作系統） 最新的Chrome，最新-1（任何操作系統） 最新的Safari瀏覽器，最新-1鍵（Mac OS） 移動Safari瀏覽器為iPad 2，iPad的迷你，iPad的使用視網膜顯示屏（iOS版7或更高版本），用于桌面店面 移動Safari瀏覽器為iPhone 4或更高版本;的iOS 7或更高版本，對于移動店面 Chrome瀏覽器的移動最新-1（安卓4.0或更高版本）的移動店面 其中，最新的-1是指除最新發布的版本較早的一個主要版本。 要使用本指南，您必須熟悉： CSS和CSS 3 HTML和HTML 5 XML JavaScript的 自適應網頁設計（RWD） 相關話題： 主題 Magento的UI庫 層疊樣式表（CSS） JavaScript編碼標準 自適應網頁設計 翻譯