Magento 2: วิธีเพิ่ม css ที่กำหนดเองสำหรับ adminhtml ได้อย่างไร


16

ฉันต้องเพิ่มCSSไฟล์สำหรับฝ่ายผู้ดูแลในโมดูลที่กำหนดเองของฉัน ฉันจะเพิ่มสิ่งนี้สำหรับผู้ดูแลระบบ (ส่วนหลัง) ได้อย่างไร

คำตอบ:


28

1 สร้างโมดูลเช่นผู้ขาย / โมดูล

2 สร้างมุมมองไฟล์ใหม่ / adminhtml / layout / 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 / เว็บ css / / test.css

เรียกใช้คำสั่งด้านล่างและตรวจสอบ

php bin / magento cache: สะอาด

การตั้งค่า php bin / magento: เนื้อหาคงที่: ปรับใช้


1
สวัสดีฉันพยายามเพิ่ม<css src="Magento_Catalog::catalog/category-selector.css"/>ในโมดูลที่กำหนดเองของฉัน แต่มันแสดงข้อผิดพลาด 404 ในคอนโซล
Vinaya Maheshwari

ในตัวอย่างนี้ Vendor_Module เป็นชื่อธีมที่ใช้เท่านั้นหรือเราสามารถนำโมดูลใหม่ออกมาได้ด้วย @Krishna ijjada
SagarPPanchal

11

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

ฉันต้องเพิ่มไฟล์ .less เพื่อใช้ตัวแปรน้อยลงเช่น @ icon-help__content; ฉันต้องการให้โหลดไฟล์น้อยลงหลังจากโหลดไฟล์อื่นแล้ววิธีที่เหมาะสมในการทำเช่นนี้คืออะไร
AbdulBasit
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.