Magento 2: Як додати спеціальний css для adminhtml?

16

Мені потрібно додати CSSфайл для сторони адміністратора в мій спеціальний модуль. Як я можу додати це лише для адміністратора (бек-енд)?

magento2 adminhtml css

— Ашіш Джагнані
джерело

28

1 Створіть модуль, наприклад, постачальник / модуль

2 Створіть у модулі новий перегляд файлу / 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 файл у веб-папку, як зазначено нижче:

view / adminhtml / web / css / test.css

Виконайте команди нижче та перевірте.

php bin / magento cache: чистий

Налаштування php bin / magento: статичний контент: розгортання

— Крішна іджада
джерело

1

Привіт, я намагаюся додати <css src="Magento_Catalog::catalog/category-selector.css"/>у свій спеціальний модуль, але він відображає помилку 404 у консолі.

— Vinaya Maheshwari

у цьому прикладі 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