magento建立子主題

讓我們的孩子創造一個主題,我們所有的自定義主題在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登錄和移動:

內容->設計->主題

你應該看到你的主題上市。

現在去:

商店->配置->設計

選擇左上方的商店前視圖主要網站。現在點擊

設計->設計主題

取消使用默認的複選框,選擇你的主題。點擊保存配置,清空你的緩存,你的新主題的準備。檢查您的主頁。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章