ম্যাজেন্টো 2 এ কীভাবে একটি কাস্টম সিএসএস ফাইল যুক্ত করবেন


30

আমার নিজস্ব সিএসএস ফাইল তৈরি করার কোনও উপায় আছে যা ক্যাসকেডে শেষ হয়ে যায়?

যদি তা হয় তবে কিভাবে আমি কোথায় আমার কাস্টম সিএসএস ফাইল যুক্ত করব?

উত্তর:


43

কাস্টম সিএসএস যোগ করতে এবং সর্বশেষে লোড করতে, আপনাকে অবশ্যই একটি কাস্টম থিম সেট আপ করতে হবে।

  1. থিম তৈরি করুন: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create.html
  2. নিশ্চিত হয়ে নিন যে আপনি আপনার ম্যাজেন্টো অ্যাপ্লিকেশনটিকে বিকাশকারী মোডে সেট করেছেন।
  3. আপনার কাস্টম থিমটিতে নিম্নলিখিত ফোল্ডারগুলি যুক্ত করুন

-

 app / design / frontend / [vendor] / [theme] / Magento_Theme / layout
 app / design / frontend / [vendor] / [theme] / web / css

নিম্নলিখিত ফাইলগুলি তৈরি করুন:

app / design / frontend / [vendor] / [theme] / Magento_Theme / layout / default_head_blocks.xml
app / design / frontend / [vendor] / [theme] / web / css / local-m.css
app / design / frontend / [vendor] / [theme] / web / css / local-l.css

এই কোডটি ডিফল্ট_হেড_ব্লক.এক্সএমএল মধ্যে রাখুন

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../vendor/magento/framework/Module/etc/module.xsd">
  <head>
    <css src="css/local-m.css" />
    <css src="css/local-l.css" media="screen and (min-width: 768px)"/>
  </head>
</page>
  1. আপনার থিমটি প্রয়োগ করুন: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-apply.html
  2. স্থিতিশীল সংস্থানসমূহ স্থাপন করুন (এসএসএইচ থেকে ম্যাজেন্টো মূল):

-

php bin/magento setup:static-content:deploy

হাই, আমি কেবল এটি করেছি, তবে আমি যে সিএসএস ফাইলটি যুক্ত করি, লোড হয় না, এবং পৃষ্ঠাটি পরিদর্শন করার সময় এটি একটি 500 (আভ্যন্তরীণ সার্ভার ত্রুটি) সহ ফাইলটির জন্য আমাকে একটি জিইটি ত্রুটি দেয় it হতে পারে?
অ্যালেক্সার

1
সিএলআই কমান্ড মোতায়েন করতে: পিএইচপি বিন / ম্যাজেন্টো সেটআপ: স্থির-সামগ্রী: মোতায়েন
জোশুয়া 34

আমার তৈরি দুটি নতুন সিএসএস ফাইলে আমার কী রাখা উচিত? খাঁটি সিএসএস ??
স্টায়জজ

1
@ স্টাইজজ হ্যাঁ, কাঁচা সিএসএস ঠিক আছে।
জোশুয়া 34

হা. আমি কেবল এটি করেছি, স্থানীয় / এমএসএসএস এবং স্থানীয়-এলসিএসএস ফাইলগুলি ওয়েব / সিএসএসে আপলোড করেছি .... ক্যাশে সাফ করে পিএইচপি বিন / ম্যাজেন্টো সেটআপ চালিয়েছি: স্থির-সামগ্রী: মোতায়েন করুন। আমি বিকাশকারী মোডে আছি। এটি এখনও তাদের বাছাই করে না। আমার ডিফল্ট_হেড_ব্লকস.এমএমএল ঠিক উপরের মত। তবে এটি এখনও সিএসএসে সেট করা সেই স্টাইপগুলি ব্যবহার করছে না
স্টাইলজজ

15

কাস্টম সিএসএস যোগ করতে এবং সর্বশেষে লোড করুন

  1. ডিরেক্টরি কাঠামো অনুসরণ করুন

    অ্যাপ্লিকেশন / কোড / বিক্রেতা / মডিউলনাম / ভিউ / ফ্রন্টএন্ড (অ্যাডমিন অ্যাডমিনটিচটিএমএল জন্য) / ওয়েব / সিএসএস / ফাইলনাম সিএসএস

  2. নীচের মত প্রাসঙ্গিক লেআউট ফাইল সিএসএস ফাইল পাথ যোগ করুন

    <head>
      <css src="Vendor_Module::css/filename.css"/>
    </head>
    <body>
     ....
    </body>

সহ Vendor_Moduleআমার পক্ষে কাজ করছে না। এটি ঠিকঠাক কাজ করা সরানো।
সারায়ানান ডিএস

@ সরভানানডিএস আপনাকে আপনার প্যাকেজ এবং মডিউল নাম দিয়ে প্রতিস্থাপন করতে হবে।
মণীশ

হ্যাঁ। Vendor_Moduleকেবলমাত্র আমার কাস্টমটি প্রতিস্থাপনের পরে এটি কাজ করছে না।
সারাভানান ডিএস

@ মনিশ, আমরা কি কেবল অনুসন্ধান ফলাফলের পৃষ্ঠায় কাস্টম সিএসএস ফাইল লোড করতে পারি?
জাফর পিনজার

এখানে চাইল্ড-থিম ব্যবহার করার দরকার নেই?
হাফিজ উমার

5

আপনি মিডিয়া বৈশিষ্ট্যটি যুক্ত করতে পারেন যা মাজেন্টো 2 প্রধান বিভাগের সিএসএসের শেষে রাখবে। শুধুমাত্র 1px প্রস্থ সেট করা সমস্ত ডিভাইসে এটি সক্ষম করবে:

<head>
    <css src="css/homepage.css" media="all and (min-width: 1px)"/>
</head>

আপনাকে ধন্যবাদ, আপনি আমার দিন বাঁচিয়েছেন। আমি .বিহীন ফাইলগুলির সাথে কাজ করতে চাই এবং আমি যখনই সম্পাদনা করি ততবার সংকলন করতে চাই।
বুড়াক

এখানে প্রথমে কাস্টম থিম তৈরি করার দরকার নেই?
হাফিজ উমার

@ হাফিজউমার আপনার প্রথমে একটি কাস্টম থিম তৈরি করা উচিত। গৃহীত উত্তর থেকে নির্দেশাবলী অনুসরণ করুন এবং তারপরে আমি এখানে প্রদর্শিত পদ্ধতিটি ব্যবহার করি।
সাইফার 909
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.