无法在Magento 2中应用自定义主题

Question

有没有人尝试过在Magento 2中安装自定义主题？我正在尝试在Magento 2中应用我的自定义主题，这样我就可以开始测试了，但我不知道从哪里开始。文件结构完全不同，我不能让Magento 2接收我的主题文件。有没有人能给我一点指导？，真的很感谢。

非常感谢！

Answer 1

要使主题工作，请从应用程序/ theme.xml /前端/Magento/空白复制设计和媒体文件夹，并对主题进行相应的更改。希望它能让你开始主题化。

Answer 2

创建主题目录

要为您的Magento 2主题创建一个目录，您需要转到:/app/design/ frontend。在前端目录下，根据您的主题供应商名称创建一个新目录:/app/design/frontend/ themename (我选择作为我的主题供应商名称)在您的主题供应商目录下，为您的Magento 2主题创建一个目录:/app/design/frontend/Themename/m2-Themename。

创建此结构后，您需要声明Magento 2主题，以便Magento系统知道它的存在，并且您可以在Magento 2后端中将您的主题设置为当前主题。

声明你的Magento 2主题

现在您需要在app/design/frontend/Themename/m2-theme/theme.xml目录下创建the theme.xml file，并使用以下代码：

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd"> <title>m2-theme</title> <parent>Magento/Luma</parent> <media> <preview_image>media/m2-theme-image.jpg</preview_image> </media> </theme>

在标签中插入您的主题的名称，并在标签中指定父主题以用于回退目的。我使用的是亮度主题。

在标签中，我声明了一个主题图像。这是一个缩略图，显示在我们的主题页面上的Magento 2管理，所以我们可以看到我们的主题看起来像预览。缩略图位于app/design/frontend/Themename/m2-theme/media/m2-theme-image.jpg.中，请确保此缩略图位于正确的位置。如果你没有将这个文件放在正确的位置，当你在Magento 2管理中访问你的主题页面时，你会得到一个错误。

让你的Magento 2主题成为一个作曲家软件包

在您的主题目录中添加a composer.json file：*app/design/frontend/Themename/m2-theme/composer.json*以在打包服务器上注册包。该文件在主题依赖关系信息中提供。Magento默认的公共打包服务器是https://packagist.org/。使用以下代码：

{     "name": "Themename/m2-theme",     "description": "N/A",     "require": {         "php": "~5.5.0|~5.6.0|~7.0.0",         "Themename/m2-theme": "100.0.*",         "magento/framework": "100.0.*"     },     "type": "magento2-theme",     "version": "100.0.1",     "license": [         "OSL-3.0",         "AFL-3.0"     ],     "autoload": {         "files": [             "registration.php"         ]     } }

添加registration.php以注册Magento 2主题

要在Magento系统中注册您的主题，您需要在您的主题目录中使用create registration.php file：*app/design/frontend/Themename/m2-theme/registration.php，并在your registration.php中使用以下代码：

<?php /**  * Copyright © 2015 Magento. All rights reserved.  * See COPYING.txt for license details.  */ \Magento\Framework\Component\ComponentRegistrar::register(     \Magento\Framework\Component\ComponentRegistrar::THEME,   'frontend/Cloudways/m2-theme',     __DIR__ );

Magento 2中的目录结构

在完成主题声明和注册之后，您需要为您的主题布局、样式和模板文件创建目录结构。下面，你可以看到你的主题目录应该是什么样子。我使用自己的供应商和目录名。

/app/design/frontend/Themename/m2-theme/theme.xml

/app/design/frontend/Themename/m2-theme/registration.php

/app/design/frontend/Themename/m2-theme/composer.json

/app/design/前端/Themename/m2-主题/媒体

/app/design/frontend/Themename/m2-theme/media/m2-theme-image.jpg

/app/design/frontend/Themename/m2-theme/web

/app/design/frontend/Themename/m2-theme/web/css

/app/design/frontend/Themename/m2-theme/web/css/source

/app/design/frontend/Themename/m2-theme/web/css/fonts

/app/design/frontend/Themename/m2-theme/web/css/images

/app/design/frontend/Themename/m2-theme/web/css/js

/app/design/前端/Themename/m2-theme/etc

/app/design/frontend/Themename/m2-theme/etc/view.xml

/app/design/frontend/Themename/m2-theme/Magento_Theme

/app/design/frontend/Themename/m2-theme/Magento_Theme/layout

/app/design/frontend/Themename/m2-theme/Magento_Theme/layout/default.xml

web文件夹将创建在我们的主题的CSS，js，字体和图像所在的位置。如果Magento 2没有皮肤文件夹，这些文件就放在这里。

我们已经使用view.xml文件在etc目录下创建了view.xml文件。我们配置Magento 2目录图像大小和其他内容。

在Magento 2 Admin中应用和配置主题

将主题添加到文件系统后，一切都已准备就绪，您可以激活主题并将其应用于商店。转到Magento 2后端，然后转到内容>设计>主题。并确保您的主题出现在此列表中。

当您可以在此列表中看到您的主题时，请转到商店>配置>设计，然后选择您新创建的主题

Answer 3

Magento 2主题的结构肯定是不同的。

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

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

静态创建徽标:此文件标识新theme.

• Creating徽标的名称、父项和其他基本信息:此文件用于通过Composer later.

• Creating徽标安装主题:任何Magento 2扩展和Themes.

• Creating静态文件目录都需要此文件:此文件夹用于存储CSS、JS、files.

• Creating
• theme.xml文件夹:此文件夹包含用于确定新主题徽标的位置和大小的文件。

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

有关更详细的教程，请访问Guide to create Magento 2 theme。