让我们的孩子创造一个主题,我们所有的自定义主题在Magento 2去这里:
应用程序/设计/开发/ company_name / theme_name
让我们假设,我们公司的名称是公司和我们的主题名称是基本。我们需要创建以下主题目录结构:
<app> <design> <frontend> <mycompany> <basic> <etc> <Magento_Theme> <layout> default.xml <media> preview.png <web> <css> <fonts> <images> <js> theme.xml registration.php
我的公司:—
名称的主题包
<strong>基本</strong>的主题的名称。我们可以有多个命名的主题在我的文件夹。
等view.xml:—
此文件用于指定产品的图像尺寸,缩略图等
<strong>magento_theme:</strong>这个目录是用来覆盖现有的Magento的主题文件。
magento_theme /布局/ default.xml:—默认情况下magento2假定你的主题徽标文件应该是:/网络/媒体/台
如果你需要一些其他的文件为标志,然后你必须声明它default.xml
文件
该文件还用于重写默认主题的设置。
<strong>媒体/ preview.png:</strong>-预览当前主题。
<strong>网络:</strong>这个目录包含所有主题的静态数据,如图像、样式、JavaScript、字体等。
<strong>registration.php:</strong>该文件需要注册我们的主题magento2系统。
<strong>theme.xml:</strong>-这是一个强制性文件,定义了我们的主题名称,其母和可选的主题的预览图像。
创建主题文件
让我们现在创造我们的文件一个接一个。
theme.xml(应用程序/设计/开发/公司/基本/ theme.xml)
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd"> <title>Basic</title> <!-- your theme‘s name --> <parent>Magento/blank</parent> <!-- the parent theme --> <media> <preview_image>media/preview.jpg</preview_image> <!-- theme‘s preview image --> </media> </theme>
registration.php(应用程序/设计/开发/公司/基本/ registration.php)
<?php \Magento\Framework\Component\ComponentRegistrar::register( \Magento\Framework\Component\ComponentRegistrar::THEME, ‘frontend/mycompany/basic‘, __DIR__ );
default.xml(应用程序/设计/开发/公司/基本/ magento_theme /布局/ default.xml)
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceBlock name="logo"> <arguments> <argument name="logo_file" xsi:type="string">images/my_logo.png</argument> <argument name="logo_img_width" xsi:type="number">200</argument> <argument name="logo_img_height" xsi:type="number">200</argument> </arguments> </referenceBlock> </body> </page>
在这一点上,我们的主题是准备。清除缓存,我们将选择我们从管理的新主题。
现在,以下路径admin登录和移动:
内容->设计->主题
你应该看到你的主题上市。
现在去:
商店->配置->设计
选择左上方的商店前视图主要网站。现在点击
设计->设计主题
取消使用默认的复选框,选择你的主题。点击保存配置,清空你的缓存,你的新主题的准备。检查您的主页。