마 젠토 2 : adminhtml에 사용자 정의 CSS를 추가하는 방법은 무엇입니까?

16

CSS사용자 정의 모듈에서 관리자 측 파일 을 추가해야 합니다. 관리자 (백엔드) 전용으로 어떻게 추가 할 수 있습니까?

magento2 adminhtml css

28

1 공급 업체 / 모듈과 같은 모듈 생성

2 모듈에서 새 파일 view / adminhtml / layout / default.xml을 만듭니다.

<?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 파일을 추가하십시오.

view / adminhtml / web / css / test.css

아래 명령을 실행하고 확인하십시오.

PHP 빈 / 마 젠토 캐시 : 청소

PHP bin / magento 설정 : 정적 내용 : 배포

— 크리슈나이자 다
소스

1

안녕하세요, <css src="Magento_Catalog::catalog/category-selector.css"/>사용자 정의 모듈 을 추가하려고하는데 콘솔에 404 오류가 표시됩니다.

— Vinaya Maheshwari

이 예에서 Vendor_Module은 적용된 테마 이름이거나 새 모듈도 사용할 수 있습니까? @Krishna ijjada

— SagarPPanchal

11

Magento 2는 적은 파일을 사용하므로 아래 단계에 따라 적은 유형을 사용할 수도 있습니다.

에 새 파일 만들기 Vendor/Module/view/adminhtml/web/css/source/_module.less

그 후 루트 디렉토리에서 아래 명령을 실행하고 확인하십시오.

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

— 지 그네 쉬 헌트
소스

@ icon-help__content와 같은 변수를 적게 사용하려면 .less 파일을 추가해야합니다. 다른 파일을로드 한 후이 적은 파일을로드하기를 원합니다.이를 수행하는 올바른 방법은 무엇입니까?

— AbdulBasit