Shopify 테마를 편집하는 방법

테마를 편집하기 전에 해야 할 일

테마 편집기나 코드 편집기를 통해 Shopify 테마를 변경할 때마다 저장 을 클릭하면 해당 변경 사항이 적용됩니다 .

코드에 사소한 오류가 있으면 상점의 시각적 디자인이 손상될 수 있으므로 코드 편집기에서 작업을 수행하기 전에 테마를 백업하는 것이 좋습니다. 

이 부분에 대해서는 나중에 다시 설명할 것이므로 중요합니다.

Shopify 코드는 HTML과 Liquid로 구성되어 있으므로 개인 테마 개발 퀘스트를 시작하기 전에 해당 언어를 이해하고 싶을 것입니다. 

작동 방식에 대한 간단한 설명이 필요한 경우Shopify의 Liquid 코드에 대한 자습서돕기 위해.

그러나 코딩은 차가 아닙니다. 그것도 괜찮습니다. Shopify 시각적 테마 편집기에서 수행할 수 있는 작업 외에 변경해야 하는 경우 항상Shopify 개발자 고용당신이 있어야 할 곳에 당신을 데려가기 위해.

마지막으로, 스토어 페이지가 어떻게 생겼는지에 대한 큰 꿈이 있고 테마가 거기에 도달하기 위한 빌딩 블록일 경우,쇼군 페이지 빌더코드에 신경 쓰지 않고 당신의 꿈을 실현하는 것입니다.

Shopify 테마를 편집하는 방법

Shopify 테마를 편집하거나 사용자 지정하려면 Shopify 내에서 다음 두 가지 방법 중 하나로 이동할 수 있습니다. 

• Shopify 테마 편집기를 통해 또는
• Shopify 테마 파일을 직접 편집하여

특별히 기술적인 사람이 아닌 경우 가장 좋은 방법은 Shopify의 시각적 사용자 지정 도구인 테마 편집기를 사용하여 테마의 모양과 느낌을 제한적으로 조정하는 것입니다.

Shopify Liquid 코드의 잡초에 들어가는 것이 마음에 들지 않으면 코드 편집기로 직접 이동하여 테마 파일을 원하는 대로 변경할 수 있습니다. 

우리가 우리의액체 튜토리얼(및 아래 도움말에서) 변경하기 전에 테마를 복제했는지 확인하세요.

테마를 사용자 지정하는 두 가지 방법을 모두 살펴보겠습니다. 먼저 Shopify의 테마 편집기입니다.

Shopify 테마 편집기를 통한 Shopify 사용자 지정

Shopify 테마 편집기로 이동하려면 온라인 스토어 > 테마 로 이동 하여 사용자 지정하려는 테마를 찾습니다. 라이브 테마인 경우 현재 테마 에 있습니다 . 다른 테마 중 하나인 경우 테마 라이브러리 에 있습니다.

원하는 테마에서 "사용자 지정" 버튼을 클릭하면 테마 편집기로 이동합니다.

 

 

테마 편집기를 사용하면 스토어 페이지 템플릿에 콘텐츠가 표시되는 방식을 변경할 수 있습니다. 섹션을 추가하고 페이지를 위아래로 이동하고 각각의 설정을 변경할 수 있습니다.

페이지 상단의 드롭다운 메뉴를 사용하면 편집할 페이지 템플릿으로 이동할 수 있습니다. 

참고 : 옵션은 아래에서 다룰 테마 유형에 따라 다릅니다.

 

 

섹션을 클릭하면 오른쪽에 개별 사용자 정의 옵션이 표시됩니다. 일부 섹션에는 사용자 정의하고 이동할 수도 있는 블록이라는 하위 섹션이 있습니다.

 

 

우리의Shopify 테마 사용자 지정 자습서테마 편집기로 상점을 사용자 정의하는 방법에 대한 자세한 분석은

빈티지 테마 vs Online Store 2.0 테마

위에서 언급했듯이 일부 테마는 사용자 정의할 수 있는 페이지 템플릿을 제한합니다. 

이러한 테마는 Shopify에서 "빈티지 테마"라고 하는 이전 테마입니다.온라인 스토어 2.0 도입2021년. 

와 함께온라인 스토어 2.0(OS 2.0) 테마를 사용하면 판매자는 홈페이지뿐만 아니라 상점의 모든 페이지 템플릿을 완전히 사용자 정의할 수 있습니다. 

 

 

이전에 기본 테마가 Debut 였던 곳에서 새로운 판매자는 이제 OS 2.0 지원 Dawn 테마로 시작합니다. 이 업데이트는 Sections Everywhere 라고 불리며 테마를 사용자 정의하려는 판매자에게 큰 도움이 됩니다.

테마 설정 수정

테마 편집기에서 할 수 있는 또 다른 작업은 상점의 필수 모양과 느낌을 제어하는 ​​테마의 일반 설정을 변경하는 것입니다.

테마 설정을 찾으려면 화면 왼쪽 하단에 있는 테마 설정 을 클릭합니다. 화면 오른쪽에 메뉴가 나타납니다.

 

옵션은 사용 중인 테마에 따라 상당히 달라집니다. 위의 예에서 저는 Dawn 테마를 사용하고 있습니다.

사용자 정의할 수 있는 몇 가지 사항은 다음과 같습니다.

• 그림 물감. 버튼, 텍스트, 악센트 및 배경과 같은 요소에 대한 브랜드 색상 구성표를 변경합니다.
• 타이포그래피. 여기에서 완벽한 글꼴 조합을 찾고 글꼴을 업데이트하십시오.
• 형세. 페이지 너비, 세로 간격 및 격자 간격을 업데이트합니다.
• 버튼. 테두리와 그림자를 사용자 지정하여 버튼의 특성을 변경합니다.
• 파비콘. 여기에 파비콘 이미지를 업로드하세요.
• 점검. 결제 페이지의 레이아웃과 디자인을 변경합니다.

테마 편집기로 사용자 정의할 수 있는 항목은 상점 전체에서 테마 일관성을 유지하기 위해 상대적으로 제한됩니다. 다시, 우리는 이것을 더 자세히 다룹니다.Shopify 테마 사용자 정의에 대한 게시물.

테마의 사용자 정의 옵션의 한계를 벗어나려면 테마 파일을 직접 편집하거나 다음과 같은 도구를 사용할 수 있습니다.쇼군 페이지 빌더코드 없이 빠르게 사용자 정의할 수 있습니다.