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）将.css文件添加到Web文件夹中，如下所示：

查看/adminhtml/web/css/test.css

运行以下命令并检查。

php bin / magento缓存：干净

php bin / magento设置：静态内容：部署

— 克里希纳·伊贾达（Krishna ijjada）
source

1

您好，我正在尝试添加<css src="Magento_Catalog::catalog/category-selector.css"/>自定义模块，但在控制台中显示404错误。

— Vinaya Maheshwari，2017年

在此示例中，Vendor_Module仅是应用的主题名称，还是我们也可以取出新模块？@克里希纳

— SagarPanchal

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

— 吉涅什·昆特（Jignesh Khunt）
source

我需要添加.less文件以使用较少的变量，例如@ icon-help__content;。我希望在加载其他文件后再加载此文件，这是正确的方法。

— AbdulBasit