首页 > 分享 > Magento2主题 · Magento2实战 · 看云

Magento2主题 · Magento2实战 · 看云

花匠小妙招
2025-07-04 17:16

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

序言全面解读Magento2 Magento2简介 Magento2特点 Magento2目录结构 Magento2语法讲解运行原理剖析开启Magento2之旅安装Magnto2 购买阿里云服务器(Ubuntu系统) 安装和配置Nginx/PHP/PHP-FPM 配置Mysql并创建数据库配置Nginx虚拟主机安装和配置Magento2 导入演示数据手把手教你创建git代码库续外篇-购买AWS服务器续外篇-Mac下安装LNMP 续外篇-安装phpmyadmin 如何升级php版本使用Magento2 创建多网店多域名以及安装中文语言包创建独立cms页面创建分类和产品创建产品属性创建优惠券导入产品csv 下单/发票/发货/退货 M2常用命令如何安装主题如何安装插件如何使用API 常见问题常见问题二常见问题三常见问题四常见问题五 Magento2主题主题框架详解 Layout文件详解 M2里的JS 主题实战前期准备工作完成首页重写分类页面锦囊妙计产品详情页面讲解购物车页面讲解支付页面讲解主题修改记录关于主题的一些学员问答 Magento2插件插件框架详解 XML配置说明插件实战准备工作写代码调试难点解析插件升级插件修改记录扩展阅读如何创建cron任务和功能发送邮件(带附件) 如何在代码里创建属性 Magento2线上部署基本流程配置Redis 配置Varnish+SSL Varnish配置教程(2020年修订版) Paypal设置一些优化 Magento2 版本升级 v2.3.0版本填坑指南 v2.4.x升级指南配置nginx pagespeed模块进行加速 M1数据库迁移到M2指南安装配置Elasticsearch Magento2常用工具网站测速分析工具在线创建插件模块 M2后台可视化编辑器里的标签变量遇到问题,我该怎么做常用代码 SEO在线分析工具本地用xdebug远程调试mgtdev2服务器的项目后续之路