Magento 2: Bagaimana cara menambahkan css khusus untuk adminhtml?

16

Saya perlu menambahkan CSSfile untuk sisi Admin di modul khusus saya. Bagaimana saya bisa menambahkan ini hanya untuk Admin (back-end)?

magento2 adminhtml css Ashish Jagnani
sumber

Jawaban:

28

1 Buat modul misalnya Vendor / Modul

2 Buat tampilan file baru / adminhtml / layout / default.xml dalam modul

<?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) Tambahkan file .css di folder web seperti jalur di bawah ini:

lihat / adminhtml / web / css / test.css

Jalankan perintah di bawah ini dan periksa.

cache bin / magento php: clean

setup php bin / magento: static-content: deploy

Krishna ijjada
sumber
1
Halo, saya mencoba menambahkan <css src="Magento_Catalog::catalog/category-selector.css"/>modul kustom saya, tetapi itu menunjukkan 404 kesalahan di konsol.
Vinaya Maheshwari
dalam contoh ini, Vendor_Module adalah nama tema yang diterapkan saja atau kita dapat mengambil modul baru juga? @Krishna ijjada
SagarPPanchal
11

Magento 2 menggunakan lebih sedikit file sehingga Anda juga dapat menggunakan lebih sedikit tipe seperti berikut di bawah ini langkah.

Buat file baru di Vendor/Module/view/adminhtml/web/css/source/_module.less

setelah itu jalankan perintah di bawah ini dari direktori root dan periksa

rm -rf var/view_preprocessed/
rm -rf pub/static/adminhtml
php bin/magento setup:static-content:deploy
Jignesh Khunt
sumber
Saya perlu menambahkan file .less untuk menggunakan lebih sedikit variabel seperti @ icon-help__content; Saya ingin lebih sedikit file ini dimuat setelah file lain dimuat apa cara yang tepat untuk melakukan ini.
AbdulBasit