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)?

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


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

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
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.