Magento 2: Как добавить пользовательский CSS для adminhtml?


16

Мне нужно добавить CSSфайл для стороны администратора в моем пользовательском модуле. Как я могу добавить это только для администратора (серверная часть)?

Ответы:


28

1 Создайте модуль, например, Vendor / Module

2 Создайте новый файл view / 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 setup: static-content: deploy


1
Здравствуйте, я пытаюсь добавить <css src="Magento_Catalog::catalog/category-selector.css"/>в свой пользовательский модуль, но он показывает ошибку 404 в консоли.
Виная Махешвари

в этом примере 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
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.