हमें एक बाल विषय बनाने की सुविधा देता है, इसलिए Magento 2 में हमारे सभी कस्टम विषय यहाँ दिए गए हैं:
एप्लिकेशन / डिजाइन / दृश्यपटल / company_name / THEME_NAME
हमें मान लेते हैं, हमारी कंपनी का नाम mycompany है और हमारा थीम नाम बुनियादी है। हमें अपनी थीम के लिए निम्नलिखित निर्देशिका संरचना बनाने की आवश्यकता है:
app
└────design
└──────frontend
└──mycompany
└───basic
└──etc
└──Magento_Theme
│ └─layout
│ default.xml
└──media
│ preview.png
└──web
│ └─css
│ └─fonts
│ └─images
│ └─js
│ theme.xml
│ registration.php
मेरी कंपनी :-
थीम पैकेज का नाम
मूल: -
विषय का नाम। हमारे पास mycompany फ़ोल्डर के अंदर कई नामित थीम हो सकते हैं।
आदि / view.xml: -
इस फ़ाइल का उपयोग उत्पाद छवि आयाम, थंबनेल आदि को निर्दिष्ट करने के लिए किया जाता है।
Magento_Theme: -
इस निर्देशिका का उपयोग मौजूदा Magento की थीम फ़ाइलों को ओवरराइड करने के लिए किया जाता है।
Magento_Theme / लेआउट / default.xml: -
डिफ़ॉल्ट रूप से Magento2 मानता है कि आपकी थीम का लोगो फ़ाइल होना चाहिए: /web/media/logo.svg
यदि आप लोगो के लिए कोई अन्य फ़ाइल चाहते हैं, तो आपको इसे घोषित करना होगाdefault.xml फ़ाइल ।
इस फ़ाइल का उपयोग डिफ़ॉल्ट थीम की सेटिंग को ओवरराइड करने के लिए भी किया जाता है।
मीडिया /
प्रीव्यू। png: - करंट थीम का पूर्वावलोकन।
web: -
इस डायरेक्टरी में सभी थीम के स्टैटिक डेटा जैसे चित्र, स्टाइल, जावास्क्रिप्ट, फोंट आदि शामिल हैं।
registration.php: -
इस फाइल को Magento2 सिस्टम में हमारे विषय को रजिस्टर करने के लिए आवश्यक है।
theme.xml: -
यह एक अनिवार्य फाइल है जो हमारे थीम के नाम, उसके अभिभावक और वैकल्पिक रूप से थीम की पूर्वावलोकन छवि को परिभाषित करती है।
थीम फाइल बनाना
आइए अब हम एक-एक करके अपनी फाइल बनाते हैं।
theme.xml (app / design / frontend / mycompany / basic / 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 (ऐप / डिज़ाइन / फ्रंटेंड / mycompany / बुनियादी / पंजीकरण.php)
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
'frontend/mycompany/basic',
__DIR__
);
default.xml (ऐप / डिज़ाइन / फ्रंटेंड / mycompany / बुनियादी / 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>
इस बिंदु पर, हमारा विषय तैयार है। अपना कैश साफ़ करें और हम अब एडमिन से अपनी नई थीम चुनेंगे।
अब, व्यवस्थापन में लॉगिन करें और निम्न पथ पर जाएं:
Content -> Design -> Themes
आपको अपने विषय को सूचीबद्ध देखना चाहिए।
अब यहां जाएं:
Stores -> Configuration -> Design
शीर्ष बाईं ओर स्टोर दृश्य के सामने मुख्य वेबसाइट चुनें। अब क्लिक करें
Desgin -> Design Theme
डिफ़ॉल्ट चेकबॉक्स का उपयोग अनचेक करें और अपनी थीम चुनें। सहेजें कॉन्फ़िगरेशन पर क्लिक करें, अपना कैश साफ़ करें और आपका नया विषय तैयार है। अपने मुख पृष्ठ की जाँच करें।
अधिक विवरण के लिए यहां देखें।