Magento 2: Como adicionar css personalizado para adminhtml?


16

Preciso adicionar CSSarquivo para o lado do administrador no meu módulo personalizado. Como posso adicionar isso apenas para administradores (back-end)?

Respostas:


28

1 Crie um módulo, por exemplo, Fornecedor / Módulo

2 Crie uma nova visualização de arquivo / adminhtml / layout / default.xml no módulo

<?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) Adicione o arquivo .css na pasta da web como abaixo do caminho:

veja / adminhtml / web / css / test.css

Execute os comandos abaixo e verifique.

php bin / magento cache: limpo

configuração do bin php / magento: static-content: deploy


1
Olá, estou tentando adicionar <css src="Magento_Catalog::catalog/category-selector.css"/>meu módulo personalizado, mas ele está mostrando um erro 404 no console.
Vinaya Maheshwari

neste exemplo, Vendor_Module é apenas o nome do tema aplicado ou também podemos remover um novo módulo? @Krishna ijjada
SagarPPanchal

11

Magento 2 usa menos arquivo, então você também pode usar menos tipo, como segue a seguir.

Crie um novo arquivo em Vendor/Module/view/adminhtml/web/css/source/_module.less

depois disso, execute o comando abaixo do diretório raiz e verifique

rm -rf var/view_preprocessed/
rm -rf pub/static/adminhtml
php bin/magento setup:static-content:deploy

Preciso adicionar o arquivo .less para usar menos variáveis ​​como @ icon-help__content; Eu quero que esse arquivo seja carregado depois que os outros arquivos forem carregados, qual é a maneira correta de fazer isso.
AbdulBasit 24/10
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.