# 主題 對于小型網站來說，80%的時間花在修改主題上。 m2的頁面布局都是用XML來控制的，非常靈活和方便。 **注意：** * M2默認的主題是`luma`，在`vendor/magento/theme-frontend-luma`里。 * 默認安裝后,應該是沒有`app/code`和`app/design`目錄，你直接手動創建目錄即可，原則上是不建議直接修改`vendor/magento`的源代碼的，升級后會被覆蓋。 * 我們自己的主題一般繼承`luma`主題就行,如果你不想用`luma`,要自己重新全部開發的話,就繼承`blank`。 * `luma`主題是繼承的`blank`，`blank`就是空白主題,什么都沒有。 主題的目錄在: `app/design`下面。 `app/design/adminhtml`是后臺的主題 `app/design/frontend`是前臺的主題 后臺主題不需要動,用默認的就行,沒幾個人去改后臺主題。 我們只需要改前臺主題,我們在網上買的主題都是前臺主題。 主題路徑為: `app/design/frontend/主題包/主題名` 比如我的主題包為`Zou`,主題名為`demo`。 那么我的主題就在: `app/design/frontend/Zou/demo`。 這個主題包你可以理解成是公司名,主題名就是某個公司做的某個主題。 主題代碼裝好后，然后在后臺CONTENT->Design->Configuration里啟用該主題就行了。 也就是說只要你主題安裝目錄是正確的,后臺就能自動識別。 這一章，主要講 1. 創建主題 2. 主題擴展，覆蓋修改默認的布局 實戰內容： > 1，首頁布局 導航 + 大滾動 + 靜態block + 熱門產品滾動 + 分類產品滾動 + 底部 > 2，分類頁面頂部顯示分類大圖片 **一定要記得參考官方文檔** [https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/bk-frontend-dev-guide.html](https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/bk-frontend-dev-guide.html)