테마 설정
테마 설정을 사용하여 온라인 스토어의 입력 체계, 색상, 소셜 미디어 링크 및 카트 페이지를 변경할 수 있습니다. 테마 설정에서 변경하면 온라인 스토어 전체에 변경 사항이 적용됩니다.
이 페이지의 정보
로고
온라인 스토어에 비즈니스 로고를 추가할 수 있습니다. 로고는 다음과 같은 위치에 표시됩니다.
- 모든 페이지의 머리글
- 비밀번호 페이지
로고 사용자 지정
로고 이미지의 최대 너비는 300px입니다.
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 테마 설정 톱니바퀴 아이콘을 클릭합니다.
- 로고를 클릭합니다.
-
로고 영역에 이미지를 추가하거나 무료 이미지를 사용합니다.
- 이미지를 추가하려면 이미지 선택을 클릭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- Shopify 관리자에 이미 업로드한 이미지를 사용하려면 이미지를 선택한 다음 완료를 클릭합니다.
- 로컬 컴퓨터에서 이미지를 사용하려면 이미지 추가를 클릭합니다. 이미지를 선택하고 추가한 다음 완료를 클릭합니다.
- 이미지를 추가하려면 이미지 선택을 클릭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- 무료 이미지를 사용하려면 무료 이미지 살펴보기를 클릭합니다. 이미지를 찾고 클릭하여 선택한 다음 선택을 클릭합니다.
-
선택 사항: 로고 이미지에 대체 텍스트를 추가합니다.
- 로고 영역에서 편집을 클릭합니다.
- 대체 텍스트 필드에서 이미지에 대한 간단한 설명을 입력합니다.
- 저장을 클릭합니다.
선택 사항: 데스크톱 로고 너비 영역에서 범위 슬라이더를 사용하여 로고 픽셀 너비를 조정합니다.
저장을 클릭합니다.
iPhone
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- ⋮를 탭한 다음 테마 설정을 탭합니다.
- 로고를 탭합니다.
-
로고 영역에 이미지를 추가하거나 무료 이미지를 사용합니다.
- 이미지를 추가하려면 이미지 선택을 탭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- Shopify 관리자에 이미 업로드한 이미지를 사용하려면 이미지를 선택한 다음 완료를 탭합니다.
- 로컬 장치에서 이미지를 사용하려면 이미지 추가를 탭합니다. 로컬 장치에서 이미지를 선택하고 추가합니다. 이미지를 탭하여 선택한 다음 완료를 탭합니다.
- 이미지를 추가하려면 이미지 선택을 탭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- 무료 이미지를 사용하려면 무료 이미지 살펴보기를 탭합니다. 이미지를 찾고 탭하여 선택한 다음 완료를 탭합니다.
-
선택 사항: 로고 이미지에 대체 텍스트를 추가합니다.
- 로고 영역에서 편집을 탭합니다.
- 대체 텍스트 필드에서 이미지에 대한 간단한 설명을 입력합니다.
- 저장을 탭합니다.
선택 사항: 데스크톱 로고 너비 영역에서 범위 슬라이더를 사용하여 로고 픽셀 너비를 조정합니다.
저장을 탭합니다.
Android
- Shopify 앱에서 ☰ 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- … 버튼을 탭한 다음 테마 설정을 탭합니다.
- 로고를 탭합니다.
-
로고 영역에 이미지를 추가하거나 무료 이미지를 사용합니다.
- 이미지를 추가하려면 이미지 선택을 탭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- Shopify 관리자에 이미 업로드한 이미지를 사용하려면 이미지를 선택한 다음 완료를 탭합니다.
- 로컬 장치에서 이미지를 사용하려면 이미지 추가를 탭합니다. 로컬 장치에서 이미지를 선택하고 추가합니다. 이미지를 탭하여 선택한 다음 완료를 탭합니다.
- 이미지를 추가하려면 이미지 선택을 탭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- 무료 이미지를 사용하려면 무료 이미지 살펴보기를 탭합니다. 이미지를 찾고 탭하여 선택한 다음 완료를 탭합니다.
-
선택 사항: 로고 이미지에 대체 텍스트를 추가합니다.
- 로고 영역에서 편집을 탭합니다.
- 대체 텍스트 필드에서 이미지에 대한 간단한 설명을 입력합니다.
- 저장을 탭합니다.
선택 사항: 데스크톱 로고 너비 영역에서 범위 슬라이더를 사용하여 로고 픽셀 너비를 조정합니다.
✓를 탭합니다.
Favicon 추가
즐겨 찾는 아이콘이나 Favicon을 추가하여 온라인 스토어 브랜딩에 도움을 주기 위해 사용합니다. Favicon은 다음과 같은 위치에 표시됩니다.
- 웹 브라우저 탭
- 웹 브라우저 방문 기록
- 바탕 화면 아이콘
- 북마크에 웹사이트 추가 시 표시되는 온라인 스토어 이름 옆
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- Favicon을 추가하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 테마 설정 톱니바퀴 아이콘을 클릭합니다.
- 테마 버전에 따라 로고 또는 Favicon을 클릭합니다.
-
Favicon 이미지 섹션에서 이미지 선택을 클릭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 이미지를 검색하거나 찾은 다음 확인란을 사용하여 선택할 수 있습니다.
- 로컬 컴퓨터에서 이미지를 선택하려면 이미지 추가를 클릭하고 로컬 컴퓨터에서 이미지를 연 다음 확인란을 사용하여 선택합니다.
완료를 클릭합니다.
-
선택 사항: Favicon 이미지에 대체 텍스트를 추가합니다.
- Favicon 이미지 섹션에서 편집을 클릭합니다.
- 대체 텍스트 필드에서 이미지에 대한 간단한 설명을 입력합니다.
- 저장을 클릭합니다.
저장을 클릭합니다.
iPhone
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- Favicon을 추가하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- ⋮를 탭한 다음 테마 설정을 탭합니다.
- 테마 버전에 따라 로고 또는 Favicon을 탭합니다.
-
Favicon 이미지 섹션에서 이미지 선택을 탭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 이미지를 검색하거나 찾은 다음 확인란을 사용하여 선택할 수 있습니다.
- 로컬 장치에서 이미지를 선택하려면 이미지 추가를 탭하고 로컬 장치에서 이미지를 연 다음 확인란을 사용하여 선택합니다.
완료를 탭합니다.
-
Favicon 이미지에 대체 텍스트를 추가합니다.
- Favicon 이미지 섹션에서 편집을 탭합니다.
- 대체 텍스트 필드에서 이미지에 대한 간단한 설명을 입력합니다.
- 저장을 탭합니다.
저장을 탭합니다.
Android
- Shopify 앱에서 ☰ 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- Favicon을 추가하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- … 버튼을 탭한 다음 테마 설정을 탭합니다.
- 테마 버전에 따라 로고 또는 Favicon을 탭합니다.
-
Favicon 이미지 섹션에서 이미지 선택을 탭한 다음 새 이미지 또는 기존 이미지를 추가합니다.
- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 이미지를 검색하거나 찾은 다음 확인란을 사용하여 선택할 수 있습니다.
- 로컬 장치에서 이미지를 선택하려면 이미지 추가를 탭하고 로컬 장치에서 이미지를 연 다음 확인란을 사용하여 선택합니다.
완료를 탭합니다.
-
Favicon 이미지에 대체 텍스트를 추가합니다.
- Favicon 이미지 섹션에서 편집을 탭합 니다.
- 대체 텍스트 필드에서 이미지에 대한 간단한 설명을 입력합니다.
- 저장을 탭합니다.
✓를 탭합니다.
색상
최대 21개의 고유한 색상 배합을 생성하고 사용자 지정하여 온라인 스토어 전체에서 서로 다른 섹션에 적용할 수 있습니다표 색상 옵션, 색상 배합, 색상 그라데이션에 대해 자세히 알아보세요.
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 테마 설정 톱니바퀴 아이콘을 클릭합니다.
- 색상을 클릭합니다.
- 구성표 섹션에서 기존 구성표를 클릭하거나 구성표 추가를 클릭하여 새 색상 배합을 추가합니다.
-
색상 배합을 편집하려면 색상 견본을 클릭하여 다음 콘텐츠 유형 색상을 변경합니다.
- 배경
- 배경 그라데이션
- 텍스트
- 단색 버튼 배경
- 단색 버튼 레이블
- 윤곽선 버튼
- 그림자
색상을 설정하려면 16진수 색상 코드를 입력하거나 색상 선택기에서 색상을 선택합니다. 색상을 투명으로 설정하려 면 텍스트 필드에서 16진수 색상 코드를 삭제합니다.
저장을 클릭합니다.
iPhone
Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
모든 테마 관리를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
⋮를 탭한 다음 테마 설정을 탭합니다.
색상을 탭합니다.
구성표 섹션에서 기존 구성표를 탭하거나 구성표 추가를 탭하여 새 색상 배합을 추가합니다.
-
색상 배합을 편집하려면 색상 견본을 탭하여 다음 콘텐츠 유형 색상을 변경합니다.
- 배경
- 배경 그라데이션
- 텍스트
- 단색 버튼 배경
- 단색 버튼 레이블
- 윤곽선 버튼
- 그림자
색상을 설정하려면 16진수 색상 코드를 입력하거나 색상 선택기에서 색상을 선택합니다. 색상을 투명으로 설정하려면 텍스트 필드에서 16진수 색상 코드를 삭제합니다.
완료를 탭합니다.
저장을 탭합니다.
Android
Shopify 앱에서 ☰ 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
모든 테마 관리를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
… 버튼을 탭한 다음 테마 설정을 탭합니다.
색상을 탭합니다.
구성표 섹션에서 기존 구성표를 탭하거나 구성표 추가를 탭하여 새 색상 배합을 추가합니다.
-
색상 배합을 편집하려면 색상 견본을 탭하여 다음 콘텐츠 유형 색상을 변경합니다.
- 배경
- 배경 그라데이션
- 텍스트
- 단색 버튼 배경
- 단색 버튼 레이블
- 윤곽선 버튼
- 그림자
색상을 설정하려면 16진수 색상 코드를 입력하거나 색상 선택기에서 색상을 선택합니다. 색상을 투명으로 설정하려면 텍스트 필드에서 16진수 색상 코드를 삭제합니다.
완료를 탭합니다.
✓를 탭합니다.
입력 체계
온라인 스토어의 글꼴 스타일 및 크기를 설정할 수 있습니다. 시스템 글꼴 또는 사용자 지정 글꼴을 선택할 수 있습니다.
시스템 글꼴은 사용자 컴퓨터에 이미 설치된 글꼴이므로 스토어에서 시스템 글꼴을 사용하는 것이 좋습니다. 시스템 글꼴을 사용하면 스토어의 로딩 속도에 부정적인 영향을 줄 수 있는 새 글꼴이 고객의 컴퓨터에 다운로드되는 것을 방 지할 수 있습니다. 고객의 컴퓨터에 표시되는 글꼴은 운영 체제에 따라 다릅니다.
글꼴 유형 사용자 지정
사용 가능한 글꼴 목록은 Shopify의 글꼴 라이브러리를 참조하세요.
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 테마 설정 톱니바퀴 아이콘을 클릭합니다.
- 입력 체계를 클릭합니다.
- 스토어 머리글 또는 본문 텍스트의 글꼴 유형을 변경하려면 머리글 또는 본문 섹션에서 변경을 클릭합니다.
- 사용할 글꼴의 이름을 클릭한 다음 선택을 클릭합니다.
- 저장을 클릭합니다.
iPhone
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- ⋮를 탭한 다음 테마 설정을 탭합니다.
- 입력 체계를 탭합니다.
- 스토어 머리글 또는 본문 텍스트의 글꼴 유형을 변경하려면 머리글 또는 본문 섹션에서 변경을 탭합니다.
- 사용할 글꼴의 이름을 탭한 다음 완료를 탭합니다.
- 저장을 탭합니다.
Android
- Shopify 앱에서 ☰ 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- … 버튼을 탭한 다음 테마 설정을 탭합니다.
- 입력 체계를 탭합니다.
- 스토어 머리글 또는 본문 텍스트의 글꼴 유형을 변경하려면 머리글 또는 본문 섹션에서 변경을 탭합니다.
- 사용할 글꼴의 이름을 탭한 다음 완료를 탭합니다.
- ✓를 탭합니다.
글꼴 크기 사용자 지정
입력 체계 테마 설정으로 제목과 본문 텍스트의 기본 글꼴 크기를 설정할 수 있습니다.
글꼴 최소 크기는 100%이고, 글꼴 최대 크기는 150%입니다. 글꼴 크기의 배율은 5%씩 증가합니다. 기본 설정은 100%입니다.
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 테마 설정 톱니바퀴 아이콘을 클릭합니다.
- 입력 체계를 클릭합니다.
- 제목 텍스트의 기본 글꼴 크기를 변경하려면 글꼴 크기 배율 범위 슬라이더를 사용하여 기본 글꼴 크기를 선택합니다.
- 본문 텍스트의 기본 글꼴 크기를 변경하려면 글꼴 크기 배율 범위 슬라이더를 사용하여 기본 글꼴 크기를 선택합니다.
- 저장을 클릭합니다.
iPhone
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- ⋮를 탭한 다음 테마 설정을 탭합니다.
- 입력 체계를 탭합니다.
- 제목 텍스트의 기본 글꼴 크기를 변경하려면 글꼴 크기 배율 범위 슬라이더를 사용하여 기본 글꼴 크기를 선택합니다.
- 본문 텍스트의 기본 글꼴 크기를 변경하려면 글꼴 크기 배율 범위 슬라이더를 사용하여 기본 글꼴 크기를 선택합니다.
- 저장을 탭합니다.
Android
- Shopify 앱에서 ☰ 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 모든 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- … 버튼을 탭한 다음 테마 설정을 탭합니다.
- 입력 체계를 탭합니다.
- 제목 텍스트의 기본 글꼴 크기를 변경하려면 글꼴 크기 배율 범위 슬라이더를 사용하여 기본 글꼴 크기를 선택합니다.
- 본문 텍스트의 기본 글꼴 크기를 변경하려면 글꼴 크기 배율 범위 슬라이더를 사용하여 기본 글꼴 크기를 선택합니다.
- ✓를 탭합니다.
레이아웃
온라인 스토어를 표시할 최대 폭을 설정할 수 있고 섹션 간 세로 및 가로 간격을 설정할 수 있습니다.
단계:
데스크톱
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정