Magento 2: ¿Cómo agregar CSS personalizado para adminhtml?

16

Necesito agregar un CSSarchivo para el lado del administrador en mi módulo personalizado. ¿Cómo puedo agregar esto solo para el administrador (back-end)?

magento2 adminhtml css Ashish Jagnani
fuente

Respuestas:

28

1 Cree un módulo, por ejemplo Proveedor / Módulo

2 Cree una nueva vista de archivo / adminhtml / layout / default.xml en el 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) Agregue el archivo .css en la carpeta web como se muestra a continuación:

ver / adminhtml / web / css / test.css

Ejecute los comandos a continuación y verifique.

php bin / magento cache: limpio

php bin / magento setup: static-content: deploy

Krishna ijjada
fuente
1
Hola, estoy tratando de agregar <css src="Magento_Catalog::catalog/category-selector.css"/>mi módulo personalizado, pero muestra un error 404 en la consola.
Vinaya Maheshwari
en este ejemplo, Vendor_Module es solo el nombre del tema aplicado o también podemos sacar un nuevo módulo. @Krishna ijjada
SagarPPanchal
11

Magento 2 usa menos archivos, por lo que también puede usar menos tipos como se indica a continuación en el paso siguiente.

Crear nuevo archivo en Vendor/Module/view/adminhtml/web/css/source/_module.less

después de eso, ejecute el siguiente comando desde el directorio raíz y verifique

rm -rf var/view_preprocessed/
rm -rf pub/static/adminhtml
php bin/magento setup:static-content:deploy
Jignesh Khunt
fuente
Necesito agregar un archivo .less para usar menos variables como @ icon-help__content; Quiero que este archivo menos se cargue después de cargar los otros archivos, ¿cuál es la forma correcta de hacerlo?
AbdulBasit