테마 편집기에서: 사용자 지정›홈페이지›섹션 추가›히어로 슬라이드쇼
히어로 슬라이드쇼
페이지 상단의 전체 너비 슬라이드로, 각 슬라이드에 컴퓨터용과 휴대폰용 이미지, 제목, 한 줄 문구, 최대 두 개의 버튼이 있습니다.
“여성”과 “남성”처럼 한 슬라이드에 버튼 두 개를 두면 고객을 각자의 컬렉션으로 바로 보낼 수 있습니다. 이미지: 컴퓨터 3840 × 1740, 휴대폰 1200 × 2640.
설정
배너
- 모서리 둥글기
- 슬라이더, 0~40 px기본값: 26.4 px
- 사진 사이 간격
- 슬라이더, 0~40 px기본값: 0 px기본값 0: 슬라이드가 간격 없이 프레임 안에서 바뀝니다. 0보다 크면 전환하는 동안 간격이 보입니다.
사진 모양
- 데스크톱 배너 사진
- 선택: 사진 전체(사진 비율 기준), 화면 채우기(가장자리 자름)기본값: 사진 전체(사진 비율 기준)사진 전체: 원본 사진 전체를 자르거나 확대하지 않고 표시합니다. 배너 높이는 가장 높은 사진에 맞춰지며(최대 화면 높이), 더 넓은 사진은 위아래에 어두운 띠와 함께 전체가 표시됩니다. 모든 사진의 비율이 같으면 띠가 생기지 않습니다. 화면 채우기: 배너가 첫 화면 전체를 차지하며, 사진 가장자리를 잘라 화면을 채웁니다.
- 휴대폰 배너 사진
- 선택: 사진 전체(사진 비율 기준), 화면 채우기(가장자리 자름)기본값: 화면 채우기(가장자리 자름)사진 전체: 원본 사진 전체를 자르거나 확대하지 않고 표시합니다. 배너 높이는 가장 높은 사진에 맞춰지며(최대 화면 높이), 더 넓은 사진은 위아래에 어두운 띠와 함께 전체가 표시됩니다. 모든 사진의 비율이 같으면 띠가 생기지 않습니다. 화면 채우기: 배너가 첫 화면 전체를 차지하며, 사진 가장자리를 잘라 화면을 채웁니다.
- 사진 어둡게
- 슬라이더, 0~60 %기본값: 0 %사진 위에 놓인 글자를 읽기 쉽도록 덮는 어두운 레이어입니다. 0이면 레이어가 없습니다.
- 슬라이드가 표시되는 동안 축소
- 켜기 또는 끄기기본값: 켜짐사진이 확대된 상태에서 시작해 슬라이드가 표시되는 동안 천천히 원래 크기로 돌아갑니다. 자동 전환 시 슬라이드 시간의 90% 동안, 그렇지 않으면 4.5초 동안 진행됩니다. 동작 줄이기가 설정된 기기에서는 꺼집니다. 동영상이 있는 슬라이드는 확대되지 않습니다.
- 시작 확대 비율
- 슬라이더, 102~140 %기본값: 128 %
글자 및 버튼
- 텍스트 위치
- 선택: 가운데, 모서리, 자유기본값: 가운데가운데: 글자와 버튼이 이미지 하단 가운데에 놓입니다. 모서리: 읽기가 시작되는 쪽(히브리어는 오른쪽, 영어는 왼쪽)의 하단 모서리에 놓이며 그쪽으로 정렬됩니다. 자유: 각 요소(제목, 작은 문구, 버튼)가 자체 블록에서 휴대폰과 데스크톱별로 설정한 위치, 크기, 색상으로 표시됩니다.
- 버튼 모양
- 선택: 유리(반투명), 어둡게, 밝게, 밝은 단색기본값: 유리(반투명)
- 유리 투명도
- 슬라이더, 0~100 %기본값: 70 %0은 완전히 투명, 100은 불투명입니다. 버튼 주위의 얇은 선은 유지됩니다.
- 버튼 텍스트 뒤 화살표
- 켜기 또는 끄기기본값: 켜짐앞쪽을 가리킵니다. 히브리어는 왼쪽, 영어는 오른쪽입니다. 휴대폰에서는 표시되지 않습니다. 버튼 텍스트 끝에 입력한 화살표는 이 화살표로 대체됩니다.
- 버튼 반짝임
- 켜기 또는 끄기기본값: 켜짐버튼이 화면에 보이는 동안에만 몇 초마다 빛이 버튼 위를 지나갑니다. 동작 줄이기가 설정된 기기에서는 꺼집니다.
- 글자가 나타나는 방식
- 선택: 느린 활주(‘신상품’처럼), 차례대로, 모두 함께, 빛의 자취, 효과 없음기본값: 느린 활주(‘신상품’처럼)슬라이드가 나타나면 글자가 제자리로 이동합니다. 빛의 자취: 이미지가 움직이기 시작하고 0.5초 후 문구, 제목, 버튼이 이미지가 들어오는 방향에서 부드러운 경계와 함께 드러나며, 휴대폰과 데스크톱 모두에 적용됩니다. 느린 활주: ‘신상품’ 제목의 곡선을 따라 함께 떠오르며 3.4초가 걸립니다. 차례대로와 모두 함께는 더 빠릅니다. 이 세 가지는 휴대폰에서만 적용됩니다. 동작 줄이기가 설정된 기기에서는 꺼집니다.
움직임
- 슬라이드 자동 전환
- 켜기 또는 끄기기본값: 켜짐방문자가 슬라이드쇼 안에서 키보드를 사용하거나 드래그하거나 일시 정지를 누르는 동안, 그리고 화면 밖에 있거나 탭이 숨겨져 있는 동안에는 멈춥니다.
- 슬라이드당 표시 시간
- 슬라이더, 2~10 s기본값: 5 s
- 마우스를 올리면 일시 정지
- 켜기 또는 끄기기본값: 꺼짐마우스가 있는 컴퓨터에서만 적용됩니다. 기본적으로 꺼져 있으며 슬라이드가 계속 바뀝니다.
- 슬라이드 전환 속도
- 선택: 빠르게, 보통, 느리게기본값: 보통
탐색
- 사진 아래 점 표시
- 켜기 또는 끄기기본값: 켜짐슬라이드마다 점 하나가 표시됩니다. 현재 점은 더 길며 다음 전환을 기다리는 동안 채워집니다.
- 점 사이 간격
- 선택: 넓게, 좁게기본값: 넓게사진 아래 점 사이의 간격입니다. 점은 위치만 표시합니다. 휴대폰에서는 스와이프하고, 데스크톱에서는 드래그하거나 화살표를 켜세요.
- 화살표 표시
- 켜기 또는 끄기기본값: 꺼짐사진 가장자리에 동전 모양 화살표가 표시되며 데스크톱에서만 적용됩니다. 휴대폰과 태블릿에서는 스와이프하세요.
- 일시 정지 버튼 항상 표시
- 켜기 또는 끄기기본값: 꺼짐끄면 키보드로 이동했을 때만 일시 정지 버튼이 나타납니다.
접근성
- 스크린 리더용 이름
- 텍스트스크린 리더가 슬라이드쇼에 도달하면 읽어 줍니다. 비워 두면 일반적인 이름이 사용됩니다.
블록
블록은 섹션 안에 있는 구성 요소입니다. 편집기에서 추가하고 삭제하며, 끌어서 순서를 바꿉니다.
이미지
사진
- 컴퓨터용 사진
- 이미지사진의 초점(사진 선택기에서 설정)에 따라 잘릴 때 보이는 부분이 정해집니다.
- 휴대폰용 사진
- 이미지선택 사항입니다. 비워 두면 휴대폰에도 컴퓨터용 사진이 사용됩니다.
- 동영상
- 동영상 파일동영상을 선택하면 이미지를 대체하며 화면에 스크롤되어 들어올 때만 재생됩니다. 이미지는 포스터로 유지됩니다.
- 휴대폰 동영상
- 동영상 파일선택 사항입니다. 비워 두면 휴대폰에서 일반 동영상이 표시됩니다.
- 사진 설명
- 텍스트사진을 볼 수 없는 방문자에게 읽어 줍니다. 사진 안에 글자가 있으면 여기에 입력하세요. 비워 두면 사진과 함께 저장된 설명이 사용됩니다.
제목이미지 안
일반
- 텍스트
- 텍스트
모양
- 휴대폰 크기
- 슬라이더, 0~96 px기본값: 0 px0: 테마와 같이 자동으로 설정됩니다.
- 데스크톱 크기
- 슬라이더, 0~140 px기본값: 0 px0: 테마와 같이 자동으로 설정됩니다.
- 굵기
- 슬라이더, 0~900기본값: 00: 테마와 같이 자동으로 설정됩니다.
- 색상
- 색상비워 두면 흰색입니다.
- 불투명도
- 슬라이더, 0~100 %기본값: 100 %100은 완전히 불투명, 0은 완전히 투명합니다.
자유 위치
- 측면에서의 거리, 휴대폰
- 슬라이더, 0~100 %기본값: 6 %0은 읽기가 시작되는 쪽(영어는 왼쪽, 히브리어는 오른쪽), 100은 반대쪽입니다. 기준점은 정렬에 따른 텍스트 가장자리이며, 가운데 정렬이면 가운데입니다.
- 높이, 휴대폰
- 슬라이더, 0~100 %기본값: 70 %0은 이미지 상단, 100은 하단입니다. 기준점은 줄의 가운데입니다.
- 측면에서의 거리, 데스크톱
- 슬라이더, 0~100 %기본값: 6 %0은 읽기가 시작되는 쪽(영어는 왼쪽, 히브리어는 오른쪽), 100은 반대쪽입니다. 기준점은 정렬에 따른 텍스트 가장자리이며, 가운데 정렬이면 가운데입니다.
- 높이, 데스크톱
- 슬라이더, 0~100 %기본값: 68 %0은 이미지 상단, 100은 하단입니다. 기준점은 줄의 가운데입니다.
- 정렬
- 선택: 시작, 가운데, 끝기본값: 시작위치 기준점이기도 합니다: 텍스트의 시작, 가운데 또는 끝.
- 휴대폰 최대 너비
- 슬라이더, 0~100 %기본값: 0 %이미지 너비의 퍼센트입니다. 0: 텍스트 길이에 맞춤. 긴 텍스트는 줄바꿈됩니다.
- 데스크톱 최대 너비
- 슬라이더, 0~100 %기본값: 0 %이미지 너비의 퍼센트입니다. 0: 텍스트 길이에 맞춤. 긴 텍스트는 줄바꿈됩니다.
작은 문구이미지 안
일반
- 텍스트
- 텍스트
모양
- 휴대폰 크기
- 슬라이더, 0~40 px기본값: 0 px0: 테마와 같이 자동으로 설정됩니다.
- 데스크톱 크기
- 슬라이더, 0~48 px기본값: 0 px0: 테마와 같이 자동으로 설정됩니다.
- 굵기
- 슬라이더, 0~900기본값: 00: 테마와 같이 자동으로 설정됩니다.
- 색상
- 색상비워 두면 흰색입니다.
- 불투명도
- 슬라이더, 0~100 %기본값: 100 %100은 완전히 불투명, 0은 완전히 투명합니다.
자유 위치
- 측면에서의 거리, 휴대폰
- 슬라이더, 0~100 %기본값: 6 %0은 읽기가 시작되는 쪽(영어는 왼쪽, 히브리어는 오른쪽), 100은 반대쪽입니다. 기준점은 정렬에 따른 텍스트 가장자리이며, 가운데 정렬이면 가운데입니다.
- 높이, 휴대폰
- 슬라이더, 0~100 %기본값: 79 %0은 이미지 상단, 100은 하단입니다. 기준점은 줄의 가운데입니다.
- 측면에서의 거리, 데스크톱
- 슬라이더, 0~100 %기본값: 6 %0은 읽기가 시작되는 쪽(영어는 왼쪽, 히브리어는 오른쪽), 100은 반대쪽입니다. 기준점은 정렬에 따른 텍스트 가장자리이며, 가운데 정렬이면 가운데입니다.
- 높이, 데스크톱
- 슬라이더, 0~100 %기본값: 77 %0은 이미지 상단, 100은 하단입니다. 기준점은 줄의 가운데입니다.
- 정렬
- 선택: 시작, 가운데, 끝기본값: 시작위치 기준점이기도 합니다: 텍스트의 시작, 가운데 또는 끝.
- 휴대폰 최대 너비
- 슬라이더, 0~100 %기본값: 0 %이미지 너비의 퍼센트입니다. 0: 텍스트 길이에 맞춤. 긴 텍스트는 줄바꿈됩니다.
- 데스크톱 최대 너비
- 슬라이더, 0~100 %기본값: 0 %이미지 너비의 퍼센트입니다. 0: 텍스트 길이에 맞춤. 긴 텍스트는 줄바꿈됩니다.
버튼이미지 안
일반
- 버튼 텍스트
- 텍스트링크도 비어 있을 때 비워 두면 컬렉션 페이지로 연결되는 ‘모든 컬렉션’이 표시됩니다.
- 링크
- 링크텍스트도 비어 있을 때 비워 두면 컬렉션 페이지로 연결됩니다.
위치
- 버튼 위치
- 선택: 텍스트와 함께, 자유기본값: 텍스트와 함께텍스트와 함께: 배너 텍스트가 놓인 곳의 제목 아래에 표시됩니다. 자유: 아래 설정에 따라 이미지의 원하는 위치에 표시되며, 텍스트는 그대로 유지됩니다.
- 측면에서의 거리, 휴대폰
- 슬라이더, 0~100 %기본값: 6 %0은 읽기가 시작되는 쪽(영어는 왼쪽, 히브리어는 오른쪽), 100은 반대쪽입니다. 기준점은 정렬에 따른 텍스트 가장자리이며, 가운데 정렬이면 가운데입니다.
- 높이, 휴대폰
- 슬라이더, 0~100 %기본값: 88 %0은 이미지 상단, 100은 하단입니다. 기준점은 줄의 가운데입니다.
- 측면에서의 거리, 데스크톱
- 슬라이더, 0~100 %기본값: 6 %0은 읽기가 시작되는 쪽(영어는 왼쪽, 히브리어는 오른쪽), 100은 반대쪽입니다. 기준점은 정렬에 따른 텍스트 가장자리이며, 가운데 정렬이면 가운데입니다.
- 높이, 데스크톱
- 슬라이더, 0~100 %기본값: 86 %0은 이미지 상단, 100은 하단입니다. 기준점은 줄의 가운데입니다.
- 정렬
- 선택: 시작, 가운데, 끝기본값: 시작위치 기준점이기도 합니다: 텍스트의 시작, 가운데 또는 끝.
크기
- 휴대폰 너비
- 슬라이더, 0~400 px기본값: 0 px0: 텍스트 길이에 맞춤. 텍스트는 항상 버튼 가운데에 정렬됩니다.
- 데스크톱 너비
- 슬라이더, 0~400 px기본값: 0 px0: 텍스트 길이에 맞춤. 텍스트는 항상 버튼 가운데에 정렬됩니다.
- 휴대폰 높이
- 슬라이더, 0~96 px기본값: 0 px0: 테마와 같이 자동으로 설정됩니다.
- 데스크톱 높이
- 슬라이더, 0~96 px기본값: 0 px0: 테마와 같이 자동으로 설정됩니다.
- 휴대폰 텍스트 크기
- 슬라이더, 0~40 px기본값: 0 px0: 테마와 같이 자동으로 설정됩니다.
- 데스크톱 텍스트 크기
- 슬라이더, 0~40 px기본값: 0 px0: 테마와 같이 자동으로 설정됩니다.
- 텍스트 굵기
- 슬라이더, 0~900기본값: 00: 테마와 같이 자동으로 설정됩니다.
- 휴대폰 버튼 크기
- 슬라이더, 50~200 %기본값: 100 %텍스트를 포함한 버튼 전체를 같은 비율로 키우거나 줄입니다.
- 데스크톱 버튼 크기
- 슬라이더, 50~200 %기본값: 100 %텍스트를 포함한 버튼 전체를 같은 비율로 키우거나 줄입니다.
모양
- 모서리
- 선택: 사이트의 모든 버튼과 동일, 사각형, 완전히 둥글게, 사용자 지정기본값: 사이트의 모든 버튼과 동일
- 모서리 둥글기
- 슬라이더, 0~40 px기본값: 10 px
여기 내용이 편집기에 보이는 것과 다른가요? 알려 주세요. 가이드를 바로잡겠습니다.