Magento 2: come aggiungere css personalizzati per adminhtml?


16

Devo aggiungere il CSSfile per l'amministratore nel mio modulo personalizzato. Come posso aggiungere questo solo per Admin (back-end)?

Risposte:


28

1 Creare un modulo, ad esempio Vendor / Module

2 Creare una nuova vista file / adminhtml / layout / default.xml nel modulo

<?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) Aggiungi il file .css nella cartella web come sotto percorso:

view / adminhtml / web / css / test.css

Esegui sotto i comandi e controlla.

php bin / magento cache: pulito

php bin / magento setup: static-content: deploy


1
Ciao, sto provando ad aggiungere il <css src="Magento_Catalog::catalog/category-selector.css"/>mio modulo personalizzato, ma mostra un errore 404 nella console.
Vinaya Maheshwari,

in questo esempio, Vendor_Module è solo il nome del tema applicato o possiamo anche eliminare un nuovo modulo? @Krishna ijjada
SagarPPanchal,

11

Magento 2 usa meno file, quindi puoi anche usare meno tipi come segue sotto il passo.

Crea nuovo file su Vendor/Module/view/adminhtml/web/css/source/_module.less

quindi esegui sotto il comando dalla directory principale e controlla

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

Devo aggiungere il file .less per usare meno variabili come @ icon-help__content; Voglio che questo meno file venga caricato dopo che gli altri file sono stati caricati qual è il modo corretto per farlo.
AbdulBasit,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.