Magento 2: adminhtml için özel css nasıl eklenir?


16

CSSÖzel modülüme Yönetici tarafı için dosya eklemem gerekiyor . Bunu yalnızca Yönetici (arka uç) için nasıl ekleyebilirim?

Yanıtlar:


28

1 Bir modül oluşturun örneğin Satıcı / Modül

2 Modülde yeni bir dosya görünümü / adminhtml / layout / default.xml oluşturun

<?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 dosyasını web klasörüne aşağıdaki gibi ekleyin:

görünümü / adminhtml / web / css / test.css

Aşağıdaki komutları çalıştırın ve kontrol edin.

php bin / magento önbellek: temiz

php bin / magento kurulumu: statik içerik: dağıtma


1
Merhaba, <css src="Magento_Catalog::catalog/category-selector.css"/>özel modülümü eklemeye çalışıyorum , ancak konsolda 404 hatası gösteriyor.
Vinaya Maheshwari

bu örnekte, Vendor_Module yalnızca uygulanan tema adı mı yoksa yeni modül de alabilir miyiz? @Krishna ijjada
SagarPPanchal

11

Magento 2 daha az dosya kullanır, bu nedenle aşağıdaki adımda daha az tür kullanabilirsiniz.

Adresinde yeni dosya oluştur Vendor/Module/view/adminhtml/web/css/source/_module.less

Bundan sonra kök dizinden aşağıdaki komutu çalıştırın ve kontrol edin

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

@ İcon-help__content gibi daha az değişken kullanmak için .less dosyası eklemem gerekiyor; Diğer dosyalar yüklendikten sonra bu daha az dosya yüklenmesini istiyorum bunu yapmak için doğru yolu nedir.
AbdulBasit
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.