Magento 2: adminhtml के लिए कस्टम सीएसएस कैसे जोड़ें?

Question

मुझे CSSअपने कस्टम मॉड्यूल में व्यवस्थापक पक्ष के लिए फ़ाइल जोड़ने की आवश्यकता है । मैं इसे केवल व्यवस्थापक (बैक-एंड) के लिए कैसे जोड़ सकता हूं?

Answer 1

1 उदाहरण के लिए एक मॉड्यूल बनाएँ Vendor / मॉड्यूल

2 मॉड्यूल में एक नया फ़ाइल दृश्य / adminhtml / लेआउट / default.xml बनाएँ

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
   <head>
     <css src="Vendor_Module::css/test.css"/>
   </head>
</page>

3) नीचे पथ के रूप में वेब फ़ोल्डर में .css फ़ाइल जोड़ें:

देखें / adminhtml / वेब / सीएसएस / test.css

कमांड और जाँच के नीचे चलाएँ।

php bin / magento कैश: साफ

php bin / magento सेटअप: स्थिर-सामग्री: परिनियोजित

Comments

हैलो, मैं <css src="Magento_Catalog::catalog/category-selector.css"/>अपने कस्टम मॉड्यूल में जोड़ने की कोशिश कर रहा हूं , लेकिन यह कंसोल में 404 त्रुटि दिखा रहा है।

— विनय माहेश्वरी

इस उदाहरण में, Vendor_Module केवल लागू थीम नाम है या हम नया मॉड्यूल भी निकाल सकते हैं? @ कृष्ण इज्जादा

— सागरपंचल

Answer 2

Magento 2 कम फ़ाइल का उपयोग करता है ताकि आप नीचे दिए गए चरण के अनुसार निम्न प्रकार का उपयोग कर सकें।

पर नई फ़ाइल बनाएँ Vendor/Module/view/adminhtml/web/css/source/_module.less

उसके बाद रूट डायरेक्टरी और चेक से कमांड के नीचे चलाएँ

rm -rf var/view_preprocessed/
rm -rf pub/static/adminhtml
php bin/magento setup:static-content:deploy

Comments

मुझे @ आइकन-help__content जैसे कम चर का उपयोग करने के लिए .less फ़ाइल जोड़ने की आवश्यकता है; मैं चाहता हूं कि इस कम फ़ाइल को लोड होने के बाद अन्य फ़ाइलों को लोड किया जाए जो ऐसा करने का उचित तरीका है।

— Abdulbasit