# 主题 对于小型网站来说，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)