테마 편집기 업데이트

Shopify의 테마 편집기가 더 빠르고 강력하며 사용하기 쉽게 재구축되었습니다.

새 테마 편집기에는 별도 작업이 없이도 액세스할 수 있습니다. 스토어가 새 테마 편집기에 액세스할 수 있으면 업데이트된 테마 편집기 기능이 자동으로 수신됩니다.

이 업데이트에서는 아래에 설명된 기능에만 액세스할 수 있으며 Unite에서 발표된 다른 Online Store 2.0의 기능은 포함되지 않습니다. 이러한 기능을 사용할 수 있는 Online Store 2.0 테마는 몇 개월 내에 출시될 예정입니다.

사이드바 개선

새 테마 편집기의 사이드바 디자인이 업데이트되었습니다.

현재 사이드바에 표시되는 템플릿의 모든 콘텐츠가 앞으로 편집기에서 트리뷰로 표시됩니다. 섹션을 클릭하여 블록과 설정에 액세스하는 대신 확장 아이콘 을 사용하여 섹션을 확장하고 블록을 보거나, 축소 아이콘 을 사용하여 섹션을 축소하고 블록을 숨길 수 있습니다. 또한, 섹션이나 블록을 클릭하면 해당 섹션/블록의 설정을 볼 수 있습니다.

섹션을 확대 및 축소하여 블록 보기

사이드바 모드

이제 편집기에서 두 가지 모드를 사용하여 화면의 공간을 모두 활용할 수 있습니다.

이중 사이드바 모드 는 넓은 브라우저 창과 대형 화면에서 사용되며, 단일 사이드바 모드 는 브라우저 창이 좁고 작은 화면에서 사용됩니다. 사이드바 모드에 따라 편집기에서 설정 패널의 위치가 결정됩니다.

이중 사이드바 모드

화면 폭이 1600픽셀보다 크고 브라우저 창이 전체 크기로 열려 있거나 최소 1600픽셀로 확장된 경우 사이드바가 두 개로 표시됩니다. 왼쪽 사이드바에는 탐색 패널이 포함되고 오른쪽 사이드바에는 설정 패널이 포함됩니다.

이중 사이드바 모드에서는 설정 패널이 화면 오른쪽에 표시됩니다.

단일 사이드바 모드

폭이 좁은 브라우저에는 테마 미리 보기 공간을 남겨두기 위해 사이드바가 하나만 사용됩니다. 섹션 또는 블록을 클릭하여 편집하면 설정 패널이 사이드바의 탐색 패널 위로 열립니다.

단일 사이드바 모드에서는 설정 패널이 탐색 패널에 오버레이되어 표시됩니다.

섹션 및 블록

섹션 및 블록 목록에서 페이지 내 섹션의 모든 블록이 기본적으로 표시됩니다. 이전 테마 편집기에서는 섹션을 선택해야 블록이 표시되었습니다.

머리글이나 바닥글을 구성하는 섹션은 기본적으로 축소되어 표시되지만, 섹션 이름 옆에 있는 확장 아이콘 을 클릭하면 해당 섹션을 볼 수 있습니다.

섹션 제거

이제 각 항목의 설정 화면에서 템플릿의 섹션 또는 블록을 삭제할 수 있습니다. 섹션 제거 버튼은 섹션 설정 하단에 표시됩니다.

섹션 제거 버튼을 사용하여 섹션 제거하기

단계:

  1. 테마 편집기 사이드바에서 제거할 섹션이나 블록을 클릭합니다.
  2. 섹션 제거 또는 블록 제거를 클릭합니다.
  3. 저장을 클릭합니다. 게시된 테마를 편집 중인 경우 게시를 클릭하면 변경 사항이 저장되고 스토어에 라이브로 게시됩니다.

블록 숨기기

눈 아이콘을 사용하면 섹션이나 블록을 숨길 수 있습니다.

섹션 제거 버튼을 사용하여 섹션 제거하기

템플릿

이제 테마 편집기 상단 표시줄의 페이지 선택기에서 모든 테마 템플릿에 액세스할 수 있습니다.

Online Store 2.0 테마를 사용 중인 경우 새 템플릿 옵션을 클릭하면 페이지 선택기에서 새 템플릿을 바로 생성할 수도 있습니다.

특정 리소스가 포함된 템플릿 미리 보기

템플릿을 볼 때 스토어의 호환 가능한 리소스가 템플릿 내에서 어떻게 보이는지 확인할 수 있습니다. 예를 들어, 제품 템플릿을 보는 경우 스토어의 모든 제품을 사용하여 테스트할 수 있습니다.

단계:

  1. 테마 편집기의 페이지 선택기에서 미리 보려는 템플릿을 선택합니다.
  2. 탐색 패널의 미리 보기 섹션에서 변경을 클릭합니다.
  3. 선택 메뉴에서 미리 보려는 리소스를 선택합니다.

작업 실행 취소 및 다시 실행

실행 취소다시 실행 버튼이 테마 편집기 오른쪽 상단으로 이동했습니다.

테마 편집기의 상단 표시줄에 있는 실행 취소 및 다시 실행 버튼입니다.

문서 보기, 지원 받기 및 테마 버전 확인하기

테마 문서 및 지원 정보 링크가 메뉴 모음의 기타 메뉴로 이동되었습니다. 이 메뉴에서는 테마 버전 및 작성자 정보를 확인할 수 있습니다.

이전에는 이 정보를 테마 작업 메뉴에서 액세스할 수 있었습니다.

상세 버튼을 사용하여 테마 정보에 액세스합니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험