테마 편집기에서 테마 모듈 자동 생성

제공하는 세부 정보를 기반으로 Shopify Magic을 통해 AI(인공 지능)를 사용하여 테마 편집기에서 새로운 테마 모듈을 생성할 수 있습니다.

이 페이지의 내용

테마 모듈 생성 시 고려 사항

테마 모듈 생성과 관련하여 다음 고려 사항을 검토하십시오.

AI 생성 코드가 항상 완벽하지는 않을 수 있습니다. 오류나 예상치 못한 결과를 생성하거나 접근성 또는 실적 모범 사례를 완전히 충족하지 않는 코드를 생성할 수 있습니다. 생성된 블록을 검토하고 테스트하여 기준을 충족하고 올바르게 작동하는지 확인해야 합니다.
테마 편집기 미리 보기에서 데스크톱 및 모바일 보기 모두에서 블록이 어떻게 보이는지 미리 확인하십시오.
블록에 맞춤 설정이 포함된 경우 블록을 추가한 후 테스트하여 예상대로 작동하는지 확인하십시오.
테마 모듈을 생성하면 블록의 새 liquid 파일이 테마 코드의 blocks 폴더에 추가됩니다.
- 테마 모듈은 Liquid, 즉 Shopify의 템플릿 언어입니다. 테마 모듈 파일에는 HTML, CSS, JSON, JavaScript도 포함됩니다. 테마 모듈을 생성하면 블록의 새 liquid 파일이 blocks 폴더의 테마 코드에 추가됩니다.
- 코드를 편집하여 생성된 테마 모듈을 편집하려면 테마 코드를 편집할 수 있습니다. HTML 및 CSS를 알고 Liquid에 대한 기본적인 지식이 있는 경우에만 테마 코드를 편집하십시오.
- Shopify Magic으로 생성된 liquid 파일은 독립형입니다. 새 버전이 테마 스토어에 게시될 때 계속해서 테마를 업데이트할 수 있습니다.

테마 모듈 생성 자격 요건

테마 모듈 생성을 위한 다음 요구 사항을 검토하십시오.

가격 책정 플랜 요구 사항

스토어는 다음 가격 책정 플랜 중 하나를 사용해야 합니다.

무료 체험
Basic
Growth
Advanced
Plus

이 기능은 Starter 플랜에서는 사용할 수 없습니다. 이 플랜은 Spotlight 테마를 사용하며 사용자 지정 테마 섹션이나 모듈 추가를 지원하지 않습니다.

테마 호환성

테마 모듈 생성 기능은 Shopify Theme Store의 모든 테마에서 사용할 수 있습니다. 호환되는 타사 테마를 사용하는 경우, 무료 체험 버전에서는 이 기능을 지원하지 않으므로 테마를 구매해야 테마 모듈을 생성할 수 있습니다.

이 기능은 빈티지 테마에서는 사용할 수 없습니다. 다양한 테마 아키텍처 버전의 기능에 대해 자세히 알아보십시오.

사용자 권한 요구 사항

다음 사용자는 테마에서 블록을 생성할 수 있습니다.

효과적인 테마 모듈 프롬프트 작성 팁

생성된 모듈의 품질은 종종 프롬프트의 품질에 따라 달라집니다. 다음 모범 사례를 따르십시오.

구체적이고 설명적으로 작성하기: 프롬프트는 최소 5단어 이상이어야 합니다. 세부 정보가 더 많이 포함된 긴 프롬프트일수록 더 정확한 결과를 반환할 가능성이 높습니다. 예를 들어, 이미지 및 텍스트 추가를 입력하는 대신 왼쪽에 이미지가 있고 오른쪽에 제목, 단락 텍스트 및 ‘지금 쇼핑하기’ 버튼이 있는 모듈 생성. 모바일에서는 스택 배열을 입력하십시오.
콘텐츠 요소 언급하기: 제목, 단락, 이미지, 버튼, 양식, 아이콘 등 모듈에 필요한 콘텐츠 유형을 나열하십시오.
레이아웃 제안하기: 나란히, 그리드, 가운데 맞춤 또는 교차 행과 같은 모듈 내 요소의 배열을 설명하십시오.
맞춤 설정 포함하기: 테마 편집기에서 이미지, 텍스트 또는 버튼 링크를 변경하는 옵션과 같이 모듈에 편집 가능한 특정 설정을 지정하려면 프롬프트에 이를 포함하십시오. 예를 들어 동영상이 있는 모듈에 애니메이션 속도를 제어하는 설정을 포함하려면 애니메이션 속도를 제어하는 설정 포함을 입력하십시오.
후속 지침으로 반복하기: 첫 번째 결과가 정확하지 않은 경우 더 자세한 내용이나 다른 문구로 프롬프트를 조정한 다음 다시 생성하십시오.

모범 사례를 따르는 프롬프트의 다음 예시를 검토하십시오.

고객 사진, 인용문, 고객 이름, 별점 5점 표시가 있는 추천사 블록.
나란히 배치된 기능 블록: 왼쪽에는 아이콘과 제목, 오른쪽에는 설명 텍스트.
배경 이미지가 있는 전체 너비 배너, 가운데에 큰 제목 텍스트, 그 아래에 작은 소제목 텍스트 및 콜투액션 버튼.

테마 모듈 생성

블록을 생성한 후 유지하기로 결정하면 새 블록이 블록 선택기에 추가됩니다. 테마 모듈을 허용하는 호환 섹션에 블록을 추가할 수 있습니다.

단계:

Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.
편집할 테마를 찾은 다음 테마 편집을 클릭합니다.
홈페이지를 사용자 지정하거나 홈페이지 드롭다운 메뉴를 탭한 다음 섹션을 추가할 템플릿을 선택합니다.
블록을 생성할 섹션을 클릭합니다.
블록 추가를 클릭합니다.
생성을 클릭합니다.
생성하려는 블록에 대한 설명을 입력합니다.
생성을 클릭합니다. Shopify Magic이 요청을 처리하고 코드를 생성합니다.
생성된 블록을 테마 편집기에서 바로 미리 봅니다. 맞춤 설정이 생성된 경우 블록을 사용자 지정할 수 있습니다.
생성된 블록이 만족스러우면 유지를 클릭합니다. 만족스럽지 않은 경우 블록을 취소하거나 추가 지침을 제공할 수 있습니다.

테마에서 생성된 테마 모듈 삭제하기

테마 모듈을 생성하면 해당 블록에 대한 새 liquid 파일이 테마 코드의 blocks 폴더에 추가됩니다. 생성된 테마 모듈이 스토어에서 문제를 일으키는 경우, 테마 코드에서 liquid 파일을 삭제하여 해당 모듈을 삭제할 수 있습니다.

단계:

Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.
편집하려는 테마 옆의 테마 편집을 클릭하십시오.
홈페이지를 사용자 지정하거나 홈페이지 드롭다운 메뉴를 탭한 다음 섹션을 추가할 템플릿을 선택합니다.
삭제하려는 블록이 포함된 섹션을 클릭하십시오. 이전에 블록의 모든 인스턴스를 제거한 경우 블록 추가를 클릭하여 블록 선택기에서 블록을 다시 추가하십시오.
블록 설정에서 > 코드 편집을 클릭하십시오.
사이드바 메뉴에서 blocks 폴더를 클릭하여 확장한 다음, 현재 보고 있는 블록 파일을 찾으십시오. 파일 이름은 현재 열려 있는 블록의 이름과 일치하며 .liquid로 끝납니다.
사이드바 메뉴에서 블록 파일 옆의 아이콘을 클릭하십시오.
대화 상자에서 파일 삭제를 클릭하여 확인하십시오.