1. Magento2 --- (1) theme ---create a theme

最新推荐文章于 2019-10-11 16:56:27 发布

enlyhua

最新推荐文章于 2019-10-11 16:56:27 发布

阅读量664

点赞数

本文链接：https://blog.csdn.net/enlyhua/article/details/50015021

版权

https://github.com/magento/magento2/tree/2.0.0/app/code/Magento

这里写图片描述

1.创建一个主题：

1.1 Create a theme directory(创建一个主题的目录)
这里写图片描述

这里写图片描述

1.2 Declare your theme(声明你的主题)
这里写图片描述

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
     <title>New theme</title> <!-- your theme's name -->
     <parent>Magento/blank</parent> <!-- the parent theme, in case your theme inherits from an existing theme -->
     <media>
         <preview_image>media/preview.jpg</preview_image> <!-- the path to your theme's preview image -->
     </media>
 </theme>

1.3Make your theme a Composer package (optional)

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

1.4 Add 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/<Vendor>/<theme>',
    __DIR__
);

1.5 Configure images
这里写图片描述

1.6 Create directories for static files
这里写图片描述

1.7 Your theme directory structure now
这里写图片描述

1.8 Theme logo
这里写图片描述

1.9 Declaring theme logo
这里写图片描述

<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">300</argument> 
                <argument name="logo_img_height" xsi:type="number">300</argument>
            </arguments>
        </referenceBlock>
    </body>
</page>