Narrative 테마 설정

테마 설정 테마 설정을 사용하여 온라인 스토어의 색상과 입력 체계를 사용자 지정할 수 있습니다. 소셜 미디어 계정으로 링크를 설정하고 카트 설정을 편집하고 Favicon을 추가할 수도 있습니다.

Narrative에는 다음과 같은 테마 설정이 포함됩니다.

  • 색상
  • 입력 체계
  • 카트 서랍
  • 소셜
  • Favicon
  • 결제

색상

온라인 스토어의 부분별로 색상을 선택할 수 있습니다.

색상 설정 사용자 지정

  1. 설정 옆에 있는 사용자 지정을 클릭합니다.
    1. 테마 설정을 클릭합니다. 2. 색상을 클릭합니다. 3. 콘텐츠 유형별로 색상 견본을 클릭하여 색상 선택기를 사용합니다. 최근에 선택한 항목 영역은 테마에서 최근 선택한 색상을 나타냅니다. 현재 사용 중인 항목 영역은 해당 테마의 다른 부분에서 사용 중인 색상을 나타냅니다.
To set the color to transparent, click **None**.
  1. 저장을 클릭합니다.

입력 체계

온라인 스토어의 글꼴 스타일 및 크기를 설정할 수 있습니다.

입력 체계 설정 사용자 지정

  1. 설정 옆에서 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 입력 체계를 클릭합니다.

  4. 텍스트 유형별로 변경을 클릭하여 글꼴 선택기를 사용합니다.

  5. 검색 필드를 사용하거나 더 로드를 클릭하여 글꼴을 살펴봅니다.

    사용 가능한 모든 글꼴을 보려면 Shopify 글꼴 라이브러리를 확인합니다.

  6. 사용할 글꼴의 이름을 클릭합니다.

  7. 글꼴 스타일(굵게, 기울임꼴 등)을 변경하려면 보통을 클릭합니다. 그런 다음 사용할 스타일을 선택하고 선택을 클릭합니다.

  8. 저장을 클릭합니다.

카트 서랍

온라인 스토어의 카트 서랍 설정을 사용자 지정할 수 있습니다.

  • 카트를 서랍형으로 설정합니다. 카트 서랍은 페이지 오른쪽에서 슬라이드 방식으로 나옵니다. 즉 고객이 카트에 제품을 추가해도 해당 제품 페이지를 떠나지 않습니다.
  • 고객이 주문에 참고 사항을 추가하도록 합니다. 고객은 카트 참고 사항을 사용하여 주문 준비나 배송 방법에 대한 특별 지침을 전달할 수 있습니다.

카트 서랍 설정을 사용자 지정하려면:

  1. 설정 옆에 있는 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 카트 서랍을 클릭합니다.

  4. 카트 서랍 표시에 확인 표시하여 카트를 서랍형으로 설정합니다. 이 상자에 확인 표시하지 않으면 전체 화면 카트를 사용하게 됩니다.

  5. 카트 참고 사항 표시에 확인 표시하여 카트 서랍에 참고 사항 필드를 추가합니다.

  6. 저장을 클릭합니다.

소셜

제품과 블로그 게시물에 소셜 공유 버튼을 추가하고 소셜 미디어 계정 링크를 추가할 수 있습니다.

소셜 미디어 설정을 사용자 지정하려면 다음 단계를 수행합니다.

  1. 설정 옆에 있는 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 소셜을 클릭합니다.

  4. 소셜 공유 이미지를 업로드하려면 소셜 공유 이미지 영역에서 이미지 선택 또는 무료 이미지 살펴보기를 클릭합니다.

  5. 제품 및 블로그 게시물에 소셜 공유 버튼을 추가하려면 소셜 공유 영역에서 일부 또는 모든 확인란에 확인 표시합니다.

    추가 가능한 공유 버튼은 다음과 같습니다.

- Facebook에서 공유 - Twitter에서 트윗 작성 - Pinterest에서 핀 만들기(블로그 게시물 공유는 사용 불가)

  1. 소셜 미디어 계정에 링크를 추가하려면 계정 영역에 있는 필드에 계정 링크를 입력합니다. https://instagram.com/shopify 또는 https://twitter.com/shopify와 같은 전체 링크를 입력합니다.

    소셜 미디어 링크는 온라인 스토어 바닥글에 표시됩니다.

  2. 저장을 클릭합니다.

Favicon

즐겨 찾기 아이콘이나 "Favicon"을 업로드하면 다음과 같은 위치에 스토어 로고를 표시하여 온라인 스토어를 홍보할 수 있습니다.

  • 웹 브라우저 탭
  • 웹 브라우저 방문 기록
  • 바탕 화면 아이콘
  • 북마크로 저장 시 온라인 스토어 이름 옆

Narrative에 가장 적합한 Favicon 이미지 크기는 32x32픽셀입니다.

Favicon을 업로드하려면 다음 단계를 수행합니다.

  1. 사용자 지정을 클릭합니다.

  2. 테마 설정 탭을 클릭합니다.

  3. Favicon을 클릭합니다.

  4. Favicon 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 저장을 클릭합니다.

결제

결제 페이지에 다음을 포함하도록 사용자 지정할 수 있습니다.

  • 페이지 상단의 사용자 지정 이미지 배너
  • 스토어 로고
  • 주 콘텐츠 영역의 배경 이미지 또는 색상
  • 사용자 지정 텍스트 글꼴 및 색상

적용된 변경 사항을 확인하려면 테마 편집기 내 결제 페이지로 이동합니다.

결제 페이지 설정에 액세스하려면 다음 단계를 수행합니다.

  1. 사용자 지정을 클릭합니다.

  2. 테마 설정 탭을 클릭합니다.

  3. 결제를 클릭합니다.

배너 이미지를 추가하려면 다음 단계를 수행합니다.

  • 배너 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다. - Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다.
    • Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다.
    • 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

로고를 추가하려면 다음 단계를 수행합니다.

  1. 로고 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 정렬 목록에서 이미지 표시 위치를 오른쪽, 왼쪽, 가운데 중 선택합니다.

  2. 로고 크기 목록에서 로고 크기를 선택합니다.

결제 페이지의 배경을 변경하려면:

결제 페이지에 배경 이미지를 표시하거나 배경 색상을 선택할 수 있습니다. 배경 이미지의 경우 해당 이미지는 그리드 패턴으로 표시됩니다.

  1. 주 콘텐츠 영역 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다. - 배경 색상 견본을 클릭하여 팔레트에서 새 색상을 선택합니다.

  1. 양식 필드 목록에서 필드 색상을 흰색과 투명 중 선택할 수 있습니다.

주문 요약 페이지의 배경을 변경하려면:

  1. 주문 요약 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다. - Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다.
    • Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다.
    • 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.
    • 배경 색상 견본을 클릭하여 팔레트에서 새 색상을 선택합니다.

글꼴 옵션을 설정하려면 다음 단계를 수행합니다.

  • 입력 체계 영역에서 제목과 본문 텍스트에 사용할 글꼴을 목록에서 선택합니다.

색상 옵션을 설정하려면 다음 단계를 수행합니다.

  • 색상 영역에서 강조, 버튼 또는 오류 색상 견본을 클릭하여 팔레트에서 새 색상을 선택합니다.

테마 스타일 변경

대부분의 테마에는 2가지 이상의 스타일이 제공됩니다. 테마 스타일은 테마의 기본 설정을 제어합니다. 테마 스타일을 재설정하는 경우 테마 설정에 적용한 모든 변경 사항을 잃게 됩니다. 텍스트 및 이미지와 같은 콘텐츠는 잃지 않습니다.

Shopify 테마 스토어에서 Narrative에 대한 대체 스타일을 미리 볼 수 있습니다.

  1. 설정 옆에 있는 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 테마 스타일 변경을 클릭합니다.

  4. 적용하려는 테마 스타일을 선택합니다.

  5. 스타일 변경을 클릭합니다.

  6. 저장을 클릭합니다.

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

무료 체험