Magento2: CSS ফাইলগুলি সংশোধন করার জন্য সেরা অনুশীলন

14

আমি সিএসএস ফাইলটি পরিবর্তন করতে চাই pub/static/frontend/Magento/luma/en_US/css/styles-l.css।
প্রাথমিকভাবে এই ফাইলটি পাব / স্ট্যাটিক ফোল্ডারে নেই এবং এটি উপস্থিত রয়েছে

vendor/magento/theme-frontend-blank/web/css/styles-l.less (it's styles-l.less)

আমি যখন স্ট্যাটিক বিষয়বস্তুগুলি ব্যবহার করে অবজ্ঞাপূর্ণ করি তখন php bin/magento setup:static-content:deploy2 টি ফাইল এর সাথে সম্পর্কিত পাব / স্থিতিতে তৈরি হয়।
1. pub/static/frontend/Magento/luma/en_US/css/styles-l.less
2. pub/static/frontend/Magento/luma/en_US/css/styles-l.css

আমি ব্যাক ডেভেপলার এবং যখন মডিউল উন্নয়নশীল আমি মুছে দিতে যাই হোক না কেন পাব / স্ট্যাটিক (.htaccess ব্যতীত) উপস্থিত থাকে। সুতরাং আমার কাছে এটি সরাসরি সংশোধন করার সেরা বিকল্প বলে মনে হয় না pub/static/frontend/Magento/luma/en_US/css/styles-l.css।

সেক্ষেত্রে উপরের সিএসএস ফাইলকে সংশোধন করার সেরা অনুশীলন কোনটি?
১. আমি সংশোধন করব pub/static/frontend/Magento/luma/en_US/css/styles-l.lessবা
২. আমার বুঝতে ভুল হয়েছে যে আমি pub/static(বিকাশের সময়) থেকে সমস্ত কিছু মুছতে পারি এবং আমার এটি পরিবর্তন করা উচিত pub/static/frontend/Magento/luma/en_US/css/styles-l.cssএবং এটি কখনই মোছা উচিত।

— amitshree
সূত্র

19

আপনার পাব / * বা বিক্রেতার / * ডিরেক্টরিতে ফাইলগুলি সম্পাদনা / সংশোধন করা উচিত নয়। পাব মোতায়েনের জন্য এবং বিক্রেতাই হ'ল ডিফল্ট কাঠামোর জন্য, যা আপনি আপনার টেম্পলেট বা কাস্টম মডিউলগুলির মাধ্যমে ওভাররাইড করে। পরিবর্তে:

অ্যাপ / ডিজাইন / ফ্রন্টএন্ড / {বিক্রেতা} / {আপনার থিম {/ এর ভিতরে একটি নতুন থিম তৈরি করুন। আপনি খালি বা লুমা থিম ব্যবহার করতে পারেন। আপনি খালি থেকে উত্তরাধিকারসূত্রে নতুন থিমও তৈরি করতে পারেন (থিম.এক্সএমএল অনুসারে উত্তরাধিকার সংজ্ঞায়িত)। আপনি যদি ইতিমধ্যে কিছু থিম ব্যবহার করছেন তবে এই পদক্ষেপটি এড়িয়ে যান।
আপনার থিমের মধ্যেই পরিবর্তন করুন যাতে পরিবর্তনগুলি দৃশ্যমান থাকে এবং ক্যাশে সাফ করার সময় বা সিস্টেম আপগ্রেড করার সময় প্রতিস্থাপন না হয়।
আপনার .বিহীন ফাইলগুলিতে সংকলন করতে গ্রুর্ট ব্যবহার করুন।
থিমবিহীন ফাইলগুলির মধ্যে আপনার স্টাইলিং পিন করতে আপনি সোর্সম্যাপ সেটআপ করতে পারেন যাতে আপনি আরও উত্পাদনশীল হতে পারেন।

কিছু দরকারী তথ্যসূত্র:

— g5wx
সূত্র

ধন্যবাদ. আমি থিম ব্যবহার করছি Templatemonster/themeএবং থিমটিতে styles-l.lessউপস্থিত নেই। আমি এটি ব্যবহার / পরিবর্তন করতে কপি vendor/magento/theme-frontend-blank/web/css/styles-l.lessকরা app/design/frontend/Templatemonster/theme/web/css/styles-l.lessউচিত?

— অমিতশ্রী

2

না, আপনি টেম্পলেটমন্সটার / থিম - শৈলীর মধ্যে কম ফাইলগুলি সম্পাদনা করতে হবে - * পাব ডিরেক্টরিতে কম ফাইলগুলি ইতিমধ্যে আপনার থিম এবং অন্যান্য সংস্থান থেকে ফাইলগুলি সংকলিত এবং পরিবর্তিত / পরিবর্তিত হতে পারে না। যখন আপনি আপনার টিএম থিমের মধ্যে আপনার ফাইলগুলি সম্পাদনা শেষ করেন তাদের চূড়ান্ত সংস্থানগুলিতে সংকলন করার জন্য রানুর চালান, যা পাব ফোল্ডারে স্থাপন করা হবে। আপনি আপনার থিম থেকে কম ফাইল পিন পয়েন্ট করতে সোর্স ম্যাপ ব্যবহার করতে পারেন।

— g5wx

আবার ধন্যবাদ. শুধু তা নির্মল, আমি যদি ক্লাস বর্তমানে বিশিষ্টতা সংশোধন করতে হবে styles-l.lessএর magento/theme-frontend-blankআমি ব্যবহার করা উচিত / আমার টি এম থিমে সিএসএস ফাইল কোন (অথবা নতুন) ঐ শ্রেণীর ওভাররাইট এবং সেই অনুযায়ী পরিবর্তন থিম। magento/theme-frontend-blankথিম কি base/defaultম্যাজেন্টো 1 তে কাজ করছিল সেভাবে থিম কি একইরকম আচরণ করে ?

— অমিতশ্রী

1

হ্যাঁ, আপনি যে পরিবর্তনগুলি তৈরি করতে চান তা সেগুলি আপনার টেম্পলেটের মধ্যেই প্রতিবিম্বিত হওয়া উচিত যাতে পরিবর্তনের সুযোগটি সেই টেমপ্লেটের মধ্যে স্থানীয় থাকে এবং আপগ্রেডের উপরে ওভাররাইড না হয়। এম 2-তে খালি টেম্পলেটটিতে এম 1 এ ডিফল্টের মতো একই বেসিক ফাংশন রয়েছে - এটি ইতিমধ্যে তৈরি একটি বেস সংজ্ঞা থাকতে হবে এবং আপনার বর্ধিত থিমটি এমন উপাদানগুলির জন্য ফলব্যাক হতে পারে যা আপনি সংশোধন করেন না।

— g5wx

4

এই পদ্ধতির আমার জন্য কাজ করেছে

.Less ফাইলটিতে প্রয়োজনীয় পরিবর্তনগুলি করুন এবং তারপরে নিম্নলিখিত কমান্ডগুলি চালনা করুন:

php bin/magento setup:upgrade

php bin/magento cache:flush

— adityaekawade
সূত্র

3

অন্য থিম যদি আপনার কনফিগার করা উচিত:

module.exports = {
    blank: {
        area: 'frontend',
        name: 'Magento/blank',
        locale: 'en_US',
        files: [
            'css/styles-m',
            'css/styles-l',
            'css/email',
            'css/email-inline'
        ],
        dsl: 'less'
    },
    luma: {
        area: 'frontend',
        name: 'Magento/luma',
        locale: 'en_US',
        files: [
            'css/styles-m',
            'css/styles-l'
        ],
        dsl: 'less'
    },

    porto: {
        area: 'frontend',
        name: 'Smartwave/porto',
        locale: 'zh_Hans_CN',
        files: [
            'css/styles-m',
            'css/styles-l'
        ],
        dsl: 'less'
    },

    backend: {
        area: 'adminhtml',
        name: 'Magento/backend',
        locale: 'en_US',
        files: [
            'css/styles-old',
            'css/styles'
        ],
        dsl: 'less'
    }
};

— প্যাট্রিক-পেং
সূত্র

2

দেব / সরঞ্জাম / গ্রান্ট / কনফিগারেশন / থিম.জেএস ফাইলে

— প্যাট্রিক-পেং

3

এটি ফ্লোচার্ট এটি কীভাবে magento2 CSS ফাইলগুলি প্রক্রিয়া করে process

সূত্র: ইঞ্চু

— প্রিন্স প্যাটেল
সূত্র

0

আমি মৃত্যুদন্ড কার্যকর করার পরামর্শ দেব

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

আপনি জানেন যে,

php bin/magento setup:upgrade

ক্যাশে এবং স্থির সামগ্রী মুছে ফেলবে, এবং

php bin/magento setup:static-content:deploy

<mageroot>/pubফোল্ডারে সমস্ত থিম স্থাপন করা হবে । এই কমান্ডটি আপনার স্টোরের প্রথম বারের চাপকে উল্লেখযোগ্যভাবে হ্রাস করবে।

— আকাশ
সূত্র