테마 편집
테마를편집하여온라인스토어의콘텐츠,레이아웃,입력체계및색상을사용자지정할수있습니다。각테마에는코드를편집하지않고도스토어의디자인을변경할수있는섹션과설정이제공됩니다。
테마사용자지정전확사항
테마를사용자지정하기전에다음작업을수행하는것이좋습니다。
테마편집기
테마편집기에는현재사이드바에서보고있는템플릿의모든콘텐츠에대한트리뷰가표시됩니다。▸확장아이콘을사용하여섹션노드를확장하면해당블록을보거나▾축소아이콘을사용하여축소하면블록을숨길수있습니다。섹션또는블록을클릭하여해당설정을볼수있습니다。
미리보기검사기
미리보기검사기는테마편집기의새로운기능입니다。이기능을사용하면미리보기창에서섹션과블록을직접탐색하여해당되는설정을빠르고직관적으로검색할수있습니다。미리보기검사기를사용하면미리보기창에서직접섹션과블록을숨기거나삭제할수있고순서를변경할수있습니다。
미리보기검사기는모든무료Shopify테마에서사용할수있으며，기본적으로활성화됩니다。미리보기검사기는편집세션중에켜거나끄도록전환할수있습니다。
미리보기검사기가활성화된경우윤곽선이있는소를클릭하면해당설정이열립니다。
미리보기검사기에서는미리보기창의섹션과블록주변에다음과같은두가지윤곽선이표시됩니다。
- 파란색실선:활성섹션입니다。해당되는설정이사이드바에회색으로강조@ @시됩니다。
- 파란색점선:섹션에연결된블록입니다。미리보기창에서항목을클릭하면해당블록또는섹션의설정이열립니다。
미리보기창의웹사이트부분을아무곳이나클릭하면사이드바에해당되는설정이로드됩니다。
미리보기검사기에서섹션및블록추가
미리보기검사기를사용하는동안미리보기창에서섹션과블록을직접테마에추가할수있습니다。
| 툴 | 설명 |
|---|---|
| 섹션 추가 | 선택한섹션의상단과하단에섹션 추가버튼이@ @시됩니다。섹션 추가를클릭하면선택한섹션의위쪽이나아래쪽에새섹션이삽입됩니다。 |
| 블록 추가 | 기존블록위에마우스를올리면블록 추가버튼이나타납니다。블록을추가하려면+아이콘을클릭합니다。그러면선택한섹션에추가할수있는테마와앱블록이포함된팝업메뉴가나타납니다。오른쪽사이드바에는새블록을위한설정창이로드됩니다。 |
미리보기검사기도구
미리보기검사기를사용하여테마편집기에서섹션과블록을이동하거나삭제또는숨길수있습니다。
| 툴 | 설명 |
|---|---|
| 다음/이전위치로이동 | 미리보기검사기의화살표아이콘을사용하면섹션이나블록을다음위치나이전위치로이동할수있습니다。선택한섹션이페이지상단에있으면이전위치로이동버튼이회색으로비활성화됩니다。마찬가지로섹션이페이지하단에있으면다음위치로이동버튼을사용할수없습니다。 |
| 섹션또는블록숨기기 | 눈아이콘을클릭하면섹션이나블록을숨길수있습니다。섹션이나블록이숨겨진상태에서는미리보기검사기에서다시보이도록설정할수없습니다。이경우에는홈바에서실행 취소버튼을클릭하거나,설정패널을닫고테마편집기홈으로이동하여사이드바에서눈아이콘이해제되어있는숨겨진섹션이나블록을찾으면됩니다。이아이콘을클릭하면섹션이나블록의숨김이해제됩니다。 |
| 섹션또는블록삭제 | 휴지통아이콘을클릭하면선택한섹션이나블록을미리보기검사기에서삭제할수있습니다。 |
사이드바모드
테마편집기는화면의모든공간을사용할수있는두가지모드를제공합니다。
이중사이드바모드는넓은브라우저창과대형화면에서사용되며，단일사이드바모드는브라우저창이좁고작은화면에서사용됩니다。사이드바모드에따라편집기에서설정패널의위치가결정됩니다。
이중사이드바모드
화면폭이1600픽셀보다크고브라우저창이전체크기로열려있거나최소1600픽셀로확장된경우사이드바가두개로표시됩니다。왼쪽사이드바에는탐색패널이포함되고오른쪽사이드바에는설정패널이포함됩니다。
단일사이드바모드
폭이좁은브라우저에는테마미리보기공간을남겨두기위해사이드바가하나만사용됩니다。섹션또는블록을클릭하여편집하면설정패널이사이드바의탐색패널위로열립니다。
섹션및블록
섹션및블록목록에서페이지섹션에대한모든블록이기본으로@ @시됩니다。
머리글이나바닥글을구성하는섹션은기본적으로축소되어표시되지만,섹션이름옆에있는확장아이콘▸을클릭하면해당섹션을볼수있습니다。
섹션 제거
각품목의설정화면에서템플릿의섹션또는블록을삭제할수있습니다。섹션 제거버튼은섹션설정하단에@ @시됩니다。
단계:
- 테마편집기사이드바에서제거할섹션이나블록을클릭합니다。
- 섹션 제거또는블록 제거를클릭합니다。
- 저장을클릭합니다。게시된테마를편집중경우게시를클릭하면변경사항이저장되고스토어에라이브로게시됩니다。
블록숨기기
눈아이콘을사용하면섹션이나블록을숨길수있습니다。
템플릿
테마편집기상단@ @시줄의페이지선택기에서모든테마템플릿에액세스할수있습니다。
欧宝体育官网入口首页网上商店2.0테마를사용중경우새 템플릿옵션을클릭하면페이지선택기에서새템플릿을바로생성할수도있습니다。
특정리소스가포함된템플릿미리보기
템플릿을볼때스토어의호환가능한리소스가템플릿내에서어떻게보이는지미리볼수있습니다。예를들어,제품템플릿을보는경우스토어의모든제품을사용하여테스트할수있습니다。
단계:
- 테마편집기의페이지선택기에서미리보려는템플릿을선택합니다。
- 탐색패널의미리 보기섹션에서변경을클릭합니다。
- 선택메뉴에서미리보려는리소스를선택합니다。
작업실행취소및다시실행
실행 취소및다시 실행버튼은테마편집기의오른쪽상단에있습니다。
문서보기，지원받기및테마버전확marketing하기
테마문서및지원정보링크는메뉴모음의기타⋯메뉴에서확할수있습니다。이메뉴에서는테마버전및작성자정보도확할수있습니다。
사용자지정관련지원
테마변경관련지원이필한경우테마개발자에게문의할수있습니다。
테마사용자지정과관련하여사용가능한다른리소스는테마지원용추가리소스를참조하십시오。