Magento 2: Comment ajouter des CSS personnalisés pour adminhtml?

16

J'ai besoin d'ajouter un CSSfichier pour le côté Admin dans mon module personnalisé. Comment puis-je ajouter ceci pour Admin (back-end) uniquement?

magento2 adminhtml css Ashish Jagnani
la source

Réponses:

28

1 Créez un module, par exemple Fournisseur / Module

2 Créez une nouvelle vue de fichier / adminhtml / layout / default.xml dans le module

<?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) Ajoutez le fichier .css dans le dossier Web comme chemin ci-dessous:

afficher / adminhtml / web / css / test.css

Exécutez les commandes ci-dessous et vérifiez.

cache php bin / magento: nettoyer

configuration de php bin / magento: contenu statique: déployer

Krishna ijjada
la source
1
Bonjour, j'essaye d'ajouter <css src="Magento_Catalog::catalog/category-selector.css"/>dans mon module personnalisé, mais il montre une erreur 404 dans la console.
Vinaya Maheshwari
dans cet exemple, Vendor_Module est le nom du thème appliqué uniquement ou pouvons-nous également retirer un nouveau module? @Krishna ijjada
SagarPPanchal
11

Magento 2 utilise moins de fichiers, vous pouvez également utiliser moins de type comme suit ci-dessous.

Créez un nouveau fichier à Vendor/Module/view/adminhtml/web/css/source/_module.less

après cela, exécutez la commande ci-dessous à partir du répertoire racine et vérifiez

rm -rf var/view_preprocessed/
rm -rf pub/static/adminhtml
php bin/magento setup:static-content:deploy
Jignesh Khunt
la source
J'ai besoin d'ajouter un fichier .less pour utiliser moins de variables comme @ icon-help__content; Je veux que ce moins de fichier soit chargé après le chargement des autres fichiers, quelle est la bonne façon de le faire.
AbdulBasit du