사용자 정의 테마
프로젝트에 있는 하나 이상의 상점 및 사이트에 사용할 하나 이상의 테마를 설치할 수 있습니다. 테마에는 이미지, 글꼴, CSS, JavaScript, PHP 등을 포함하여 스토어를 완전히 디자인하는 여러 정적 파일이 포함됩니다. 테마의 코드를 파일 시스템에 추출하거나 작성기를 사용하여 테마를 추가할 수 있습니다.
수동으로 테마 설치
테마를 수동으로 설치하려면 압축된 아카이브 또는 다음과 유사한 디렉토리 구조에 테마 코드가 있어야 합니다.
<VendorName>
├── composer.json
├── etc
│ └── view.xml
├── media
├── registration.php
├── theme.xml
└── web
├── css
│ └── source
├── fonts
├── images
└── js
테마를 수동으로 설치하려면:
-
상점 테마의 경우
<Project root dir>/app/design/frontend아래, 관리자 테마의 경우<Project root dir>/app/design/adminhtml아래에 테마 코드를 복사합니다. 최상위 디렉터리가<VendorName>인지 확인하십시오. 그렇지 않으면 테마가 제대로 설치되지 않습니다.code language-bash cp -r ExampleTheme <project-root>/app/design/frontend -
올바른 위치에 복사된 테마를 확인합니다.
- 상점 테마:
ls <project-root>/app/design/frontend - 관리자 테마:
ls <project-root>/app/design/adminhtml
샘플은 다음과 같습니다.
예시 테마 Adobe Commerce
- 상점 테마:
-
파일을 추가하고 커밋합니다.
code language-bash git add -A && git commit -m "Add theme" -
파일을 분기로 푸시합니다.
code language-bash git push origin <branch name> -
배포가 완료될 때까지 기다립니다.
-
관리자에 로그인합니다.
-
콘텐츠 > 디자인 > 테마 를 클릭합니다.
테마가 오른쪽 창에 표시됩니다.
작성기를 사용하여 테마 설치
Composer를 사용하여 테마를 설치하는 것은 Composer를 사용하여 다른 확장을 설치하는 것과 같습니다. 자세한 내용은 모듈 설치, 관리 및 업그레이드를 참조하십시오.
작성기를 사용하여 테마를 설치하려면 다음을 수행하십시오.
-
Commerce Marketplace에서 테마를 구매합니다.
-
테마의 작성기 이름을 가져옵니다.
-
Adobe Commerce 루트 디렉토리로 변경하고 다음 명령을 입력합니다.
code language-bash composer require <vendor>/<name>:<version>For example,
code language-bash composer require zero1/theme-fashionista-theme:1.0.0 -
종속성이 업데이트될 때까지 기다립니다.
-
다음 명령을 입력합니다.
code language-bash git add -A && git commit -m "Add theme"code language-bash git push origin <branch name> -
관리자에 로그인합니다.
-
콘텐츠 > 디자인 > 테마 를 클릭합니다.
테마가 오른쪽 창에 표시됩니다.
여러 테마
로케일당 다른 테마와 같이 여러 테마를 사용하는 경우 SCD_MATRIX 환경 변수를 검토하여 테마 배포를 사용자 지정합니다. 환경 구성에서 빌드 또는 배포 단계를 참조하세요.