Magento 2: Làm thế nào để thêm css tùy chỉnh cho adminhtml?

16

Tôi cần thêm CSStệp cho phía Quản trị viên trong mô-đun tùy chỉnh của mình. Làm cách nào tôi chỉ có thể thêm cái này cho Admin (back-end)?

magento2 adminhtml css

— Ashish Jagnani
nguồn

27

1 Tạo mô-đun ví dụ Nhà cung cấp / Mô-đun

2 Tạo chế độ xem tệp mới / adminhtml / layout / default.xml trong mô-đun

<?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) Thêm tệp .css trong thư mục web như đường dẫn bên dưới:

xem / adminhtml / web / css / test.css

Chạy bên dưới các lệnh và kiểm tra.

Bộ nhớ cache php / magento: sạch

Thiết lập php bin / magento: static-content: triển khai

— Krishna ijjada
nguồn

1

Xin chào, tôi đang cố gắng thêm <css src="Magento_Catalog::catalog/category-selector.css"/>vào mô-đun tùy chỉnh của mình, nhưng nó đang hiển thị lỗi 404 trong bảng điều khiển.

— Vinaya Maheshwari

trong ví dụ này, Vendor_Module chỉ là tên chủ đề được áp dụng hoặc chúng ta cũng có thể loại bỏ mô-đun mới? @Krishna ijjada

— SagarPPanchal

11

Magento 2 sử dụng ít tệp hơn nên bạn cũng có thể sử dụng loại ít hơn như bước dưới đây.

Tạo tập tin mới tại Vendor/Module/view/adminhtml/web/css/source/_module.less

sau đó chạy bên dưới lệnh từ thư mục gốc và kiểm tra

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

— Jignesh Khunt
nguồn

Tôi cần thêm tệp .less để sử dụng ít biến hơn như @ icon-help__content; Tôi muốn tập tin ít hơn này được tải sau khi các tập tin khác được tải, cách thích hợp để làm điều này là gì.

— AbdulBasit