设计magento 2主题的布局

Posted 2023-03-17

【中文标题】设计magento 2主题的布局

【英文标题】：designing layout of magento 2 theme

【发布时间】：2018-05-19 02:57:10

【问题描述】：

我是 Magento 的新手。

我正在创建 Magenta 2 网站，我已经成功安装了 Magento，并让它使用了 luma 主题。

我希望能够编辑主题（通过继承），我知道它使用 XML 文件来设计布局，我该如何更改这些，它们是否应该在新的主题文件夹中，并在那里更改？

如果是这样，我在哪里可以获得原始的 Luma xml 文件，或者 magento 会创建这些文件吗？ - app/ 文件夹中没有主题，我在此处创建新主题（继承自 Luma）吗？

非常感谢您的帮助，我是 Magento 的新手。

【参考方案1】：

您必须创建一个自定义主题并创建theme.xml 并将父级设置为 LUMA。 现在app/design/frontend/customthemename

因此，您想在 customthemename 文件夹中自定义的任何内容

谢谢

【参考方案2】：

您应该创建一个子主题来编辑 XML 文件。要创建子主题，需要执行 3 个步骤：

首先，在 app/design/frontend 中新建一个主题目录。

其次，通过以下方式声明新主题：

创建theme.xml：此文件标识名称、父级和其他 新主题的基本信息。 Creating Composer.json：此文件用于稍后通过 Composer 安装主题。 创建registration.php：任何Magento 2扩展都需要这个文件 和主题。 创建静态文件目录：该文件夹用于存放CSS、JS、图片文件。 创建徽标文件夹：此文件夹包含确定新主题徽标位置和大小的文件。

第三，在后台应用和配置主题： - 运行升级命令。 - 应用主题。 - 部署。

更多详细教程，请前往Guide to create Magento 2 theme。

任何模块和主题的原始XML文件位于vendor/magento//view/frontend/layout，其中module_name是与您要编辑的XML文件相关的模块。

例如，对于主页 CMS，XML 文件位于 vendor/magento/module-cms/view/frontend/layout