當你創建一個Magento的主題，你可能需要創建覆蓋文件默認主題和模塊視圖文件。要做到這一點，您必須確定哪個模板，布局和樣式文件Magento的使用。本主題介紹了如何做到這一點。 **定位模板** 找到負責店面或管理的特定部分的模板，你可以使用Magento的內置模板提示。 要啟用模板提示： 1.Click Stores > Configuration > ADVANCED > Developer. 2.在Scope 下拉在左上角選擇您所需的模板 3.在調試選項卡，設置模板路徑的提示店面Template Path Hints for storefront為Yes是。要啟用路徑的提示管理員設置模板路徑的提示管理員Template Path Hints for Admin為是Yes。 4.保存更改，請單擊右上角保存  現在，您已經啟用模板提示，刷新要修改的頁面，并查看模板文件或該模板提示顯示文件的路徑。 例如，這里是一個店面分類頁面的外觀已啟用模板提示：  在這個例子中的迷你購物車頁面元素<Magento_Checkout_module_dir>/view/frontend/templates/cart/minicart.phtml模板中定義：  （模板名稱是元素以上） 下面是客戶頁面的外觀與管理員啟用模板提示：  另外，您也可以通過系統生成的標題，CSS類名稱，塊標題，標簽或鏈接文字作為搜索條件執行文件系統中的文本搜索。例如，使用一個瀏覽器調試工具，可以定義該minicart塊CSS類是minicart-wrapper。  通過在一個.phtml文件“minicart-包裝”的出現的應用程序目錄中的搜索返回的pp/code/Magento/Checkout/view/frontend/templates/cart/minicart.phtml模板 。 由于不建議修改默認的文件，你需要，如果你想自定義模板添加覆蓋文件。有關覆蓋模板，請參考自定義主題模板的詳細信息。 **定位布局** 就像模板，布局被保存在每個模塊的基礎。您可以輕松地確定哪些模塊，您有興趣居住在該元素的模板定位布局文件。要找到模板，你可以在app目錄中使用模板的提示或文本搜索，如前面所述。 你已經確定了模塊后，您可以搜索在以下位置的布局： ~~~ 1<current_theme_dir>/<Namespace>_<Module>/layout/ 2<parent_theme(s)_dir>/<Namespace>_<Module>/layout/ 3<module_dir>/frontend/layout/ 4<module_dir>/view/base/layout/ ~~~ 沒有直接的算法如何在一次的確切布局文件來定義，但在大多數情況下，布局文件名是自我描述性的。你還可以搜索他們提到了相應的模板。 例： 比方說，你需要找到的布局，負責對店面展示小型購物車，當應用對存儲視圖通過Magento的空白主題。 使用模板提示我們確定該模板是app/code/Magento/Checkout/view/frontend/templates/cart/minicart.phtml和路徑，我們可以看到它屬于Magento_Checkout模塊。 讓我們搜索以下后備方案的布局： 1.檢查app/design/frontend/Magento/blank/Magento_Checkout/布局。要找到所需的布局，搜索該目錄的模板名稱，“minicart.phtml”的出現。沒有匹配的文件被發現，所以我們進入下一個后備的水平，這是父主題布局。 2. 我們可以找到在主題配置文件theme.xml父主題的信息，在<parent></parent>節點進行了規定。在app/design/frontend/Magento/blank/theme.xml沒有節點，這意味著空白主題有沒有父母。因此，我們應該在下一個備用水平，這是模塊的布局進行搜索。 3. 該Magento_Checkout布局位于app/code/Magento/Checkout/view/frontend/layout/。這個目錄搜索“minicart.phtml”的出現之后，我們定義了我們正在尋找的布局是app/code/Magento/Checkout/view/frontend/layout/default.xml中。 您所在的必要布局文件后，你可以在你的主題文件夾中創建一個相應的名字您的自定義布局文件添加擴展或壓倒一切的內容。請參閱自定義主題布局的更多細節。 **風格定位** 來定位被施加到某些元件的CSS規則，查找包含該元素的頁面的模板。或者你可以使用瀏覽器的調試工具，以找到類名。在找到的類名，請在主題和風格模塊目錄文本搜索來查找定義類.LESS或.css文件。根據下面的備用方案進行搜索： 1.主題風格 <current_theme_dir>/web/css/ 2.模塊的主題風格<current_theme_dir>/<Namespace>_<Module>/web/css/ 3.父主題風格<parent_theme_dir>/web/css/ 4.模塊樣式的 frontend前端 區域<module_dir>/view/frontend/web/css/ 5.模塊樣式的base基礎區域<module_dir>/view/base/web/css/ 例： 讓我們找到上定義用于在店面，當Magento的空白主題適用于商店視圖中顯示的迷你購物車的CSS類的文件。 在迷你購物車的模板 app/code/Magento/Checkout/view/frontend/templates/cart/minicart.phtml頂級元素是minicart-wrapper類。 所以，讓我們在根據后備方案搜索“minicart-wrapper”的出現： 1.在app/design/frontend/Magento/blank/web/css搜索，搜索到任何結果。 2.在app/design/frontend/Magento/blank/Magento_Checkout/web/css.The“minicart-wrapper”式的搜索app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less 在確定哪些的.css或.LESS文件定義了類，您可以在自定義的.css或.LESS文件覆蓋默認的類定義。有關詳細信息，請參閱CSS的主題。