Magento 2: Jak dodać niestandardowy css dla adminhtml?

16

Muszę dodać CSSplik po stronie administratora w moim module niestandardowym. Jak mogę to dodać tylko dla administratora (back-end)?

magento2 adminhtml css Ashish Jagnani
źródło

Odpowiedzi:

28

1 Utwórz moduł, na przykład Dostawca / Moduł

2 Utwórz nowy widok pliku / adminhtml / layout / default.xml w module

<?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) Dodaj plik .css w folderze internetowym, jak poniżej ścieżki:

zobacz / adminhtml / web / css / test.css

Uruchom poniższe polecenia i sprawdź.

pamięć podręczna php bin / magento: czysta

konfiguracja php bin / magento: zawartość statyczna: wdrażanie

Krishna ijjada
źródło
1
Witaj, próbuję dodać <css src="Magento_Catalog::catalog/category-selector.css"/>w moim module niestandardowym, ale wyświetla błąd 404 w konsoli.
Vinaya Maheshwari,
w tym przykładzie Vendor_Module jest tylko zastosowaną nazwą motywu, czy możemy też wyjąć nowy moduł? @Krishna ijjada
SagarPPanchal
11

Magento 2 zużywa mniej plików, więc możesz także użyć mniejszej liczby typów, jak opisano poniżej.

Utwórz nowy plik o Vendor/Module/view/adminhtml/web/css/source/_module.less

następnie uruchom poniżej polecenia z katalogu głównego i sprawdź

rm -rf var/view_preprocessed/
rm -rf pub/static/adminhtml
php bin/magento setup:static-content:deploy
Jignesh Khunt
źródło
Muszę dodać plik .less, aby użyć mniej zmiennych, takich jak @ icon-help__content; Chcę, aby ten mniej plików był ładowany po załadowaniu innych plików, co jest właściwym sposobem, aby to zrobić.
AbdulBasit