টি এল: ডিআর
আপনি কি দেশীয় লুমা বা ফাঁকা থিম ব্যবহার করে তৈরি করেন? নাকি অন্য কিছু?
এটি আপনার উপর নির্ভর করে পিতামাতাকে থিম ঘোষণা করা alচ্ছিক। আপনি যদি কোনও পিতামাতাকে ঘোষণা না করেন তবে আপনি এখনও মডিউলগুলিতে ফ্যালব্যাক পাবেন (উদাঃ ম্যাজেন্টো_গ্যাটালগ) যা এক্সএমএল এবং টেম্পলেট ফাইল সরবরাহ করে তবে স্টাইলিং নেই।
আপনি আপনার থিমটি বিকাশে সহায়তা করতে কোনও এক্সটেনশন ব্যবহার করেন?
যেহেতু আমি এসসিএসএস এবং জিএলপি সাথে কাজ করতে পছন্দ করি এখন আমি ফ্রন্টোলস এবং এসসিএসএস ফাঁকা থিম ব্যবহার করি । এটি ডিফল্ট গ্রান্ট / লস ওয়ার্লফ্লো নিয়ে কাজ করার প্রচুর চাপকে সরিয়ে দেয়।
স্ক্র্যাচ থেকে কোনও থিম তৈরি করার সময় আপনি কোন পদক্ষেপগুলি অনুসরণ করেন?
- থিমটি ঘোষণা করুন
- মূল থিম সিএসএস সরান (যদি প্রয়োজন হয়)
- আপনার নিজস্ব সিএসএস / কম / এসসিএসএস যুক্ত করুন
আমার ব্যক্তিগত মতামত স্ক্র্যাচ থেকে আপনার নিজের 'ফাঁকা থিম' তৈরি করা ভাল কারণ আপনি যা প্রয়োজন তা হ'ল এটি উপযুক্ত করতে পারেন।
এইভাবে আমি স্ক্র্যাচ থেকে কোনও থিম তৈরি করব, আমি নিউস্টোর / ডিফল্টটিকে আমার বিক্রেতা এবং থিমের নাম হিসাবে ব্যবহার করেছি।
এখন আরও বিস্তারিত উত্তরের জন্য ...
থিম তৈরি করুন (অফিসিয়াল ডক্স অনুসারে)
অফিসিয়াল ডক্স অনুযায়ী থিমটি তৈরি করুন
Ptionচ্ছিকভাবে পিতামাতাকে ঘোষণা করা
আপনার মধ্যে app/design/frontend/NewStore/default/theme.xmlপ্যারেন্ট থিম ঘোষণার বাছাই করা পছন্দ আছে, উদাহরণস্বরূপ আমি লাইন 3 ( <parent>Vendor/theme</parent>) ছেড়ে রেখেছি যাতে কোনও পিতামাত থিম নেই । এর অর্থ হ'ল সমস্ত টেম্পলেট / লেআউট ফাইলগুলি মডিউল থেকে নিজেরাই আসবে না খালি বা লুমা, এবং কোনও থিম স্টাইলিং থাকবে না কারণ এটি ফাঁকা থিমটিতে যুক্ত করা হয়।
আমার থিম.এক্সএমএল দেখে মনে হচ্ছে:
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>NewStore default</title>
<media>
<preview_image>media/preview.jpg</preview_image>
</media>
</theme>
স্টাইলিং সরান (যদি আপনি কোনও পিতামাত থিম সেট করেন) এবং আপনার নিজের সিএসএস যুক্ত করুন
আপনি যদি পিতা বা মাতা হিসাবে ফাঁকা বা লুমাকে সেট করেন তবে আপনাকে সিএসএস ফাইলগুলি লোড হওয়া থেকে রোধ করতে হবে। এটি করতে app/design/frontend/NewStore/default/Magento_Theme/layout/default_head_blocks.xmlনিম্নলিখিত XML তৈরি এবং যুক্ত করতে:
<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<!-- Remove blank/luma theme styling if you declared a parent -->
<remove src="css/styles-m.css" />
<remove src="css/styles-l.css" />
<remove src="css/print.css" />
<!-- Add your own CSS files -->
<css src="css/styles.css" />
</head>
</page>
এই অপসারণ styles-m.css, styles-l.cssএবং print.cssফাঁকা থিম দ্বারা যোগ করা হয়েছে। এটি আপনার নিজস্ব সিএসএসের জন্য বেস হিসাবে স্টাইলস সিএসএস যুক্ত করে।
যদি আপনি কোনও পিতামাতাকে নির্দিষ্ট না করেন তবে আপনি <remove />উপরের কোডের 3 টি ট্যাগ মুছে ফেলতে পারেন ।
আপনার নিজস্ব সিএসএস যুক্ত করুন
আপনি এখন আপনার থিমটি স্টাইল আপ করতে পারেন তবে আপনি দয়া করে, আমি কমের চেয়ে সাসের ভক্ত তাই আমি এই ফাইলটি যুক্ত করেছি - app/design/frontend/NewStore/default/web/css/styles.scss
আমি কেবল এই কাজটি প্রমাণ করতে এখানে পটভূমির রঙ পরিবর্তন করেছি, আদর্শভাবে আপনি কেবল এই ফাইলটি অন্যান্য স্যাস / কম ফাইল আমদানির জন্য ব্যবহার করতে চাইবেন।
ফল
আমি সবেমাত্র যা করেছি তার ফলাফল হ'ল স্টাইলযুক্ত কোনও থিম (আমার সুন্দর সবুজ ব্যাকগ্রাউন্ড বাদে) আপনাকে ম্যাজেন্টোর (মাঝে মাঝে কাজ করা কঠিন) স্টাইলিংয়ের সাথে কাজ না করে আপনার থিমটি স্টাইল করার অনুমতি দেয়।
পরামর্শ
আপনি যদি এসসিএসএসের সাথে কাজ করতে পছন্দ করেন এবং স্ক্র্যাচ থেকে কোনও থিম তৈরি করার সময় না পান তবে আমি স্নোডগ অ্যাপস দ্বারা ফ্রেন্টোলস এবং এসসিএসএস ফাঁকা থিম ব্যবহার করার পরামর্শ দিই ।
আমি ম্যাজেন্টোর ফ্রন্ট-এন্ড কোডের সাথে কাজ করার সবচেয়ে হতাশার দিকটি হ'ল তাদের স্টাইলিংটি কতটা সুনির্দিষ্ট, এড়াতে সহায়তা করার জন্য আমি আপনার নিজের স্টাইলিং লেখার সময় বিএম নামকরণ কনভেনশনটি ব্যবহার করার পরামর্শ দেব ।
এছাড়াও সহায়ক মন্তব্যগুলি হ'ল, যদি কোনও দেব লুমা / ফাঁকের সাথে কাজ করার জন্য ব্যবহার করতেন তবে তারা স্ক্র্যাচ থেকে তৈরি কোনও থিমের উপরে কাজ করত তবে তারা সম্ভবত তাদের প্রত্যাশা অনুযায়ী জিনিসগুলি বেশ আলাদাভাবে কাজ করবে বলে মনে করত।