Magento 2：adminhtmlにカスタムcssを追加する方法は？

16

CSSカスタムモジュールに管理側のファイルを追加する必要があります。これを管理者（バックエンド）のみに追加するにはどうすればよいですか？

magento2 adminhtml css

28

1ベンダー/モジュールなどのモジュールを作成します

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）以下のパスとしてWebフォルダーに.cssファイルを追加します。

view / adminhtml / web / css / test.css

以下のコマンドを実行して確認します。

php bin / magento cache：clean

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

— ジグネシュ・ハント
ソース

@ icon-help__contentのような少ない変数を使用するには、.lessファイルを追加する必要があります。他のファイルがロードされた後、この少ないファイルをロードしたいのですが、これが適切な方法です。

— -AbdulBasit