블록에 미디어 추가하는 방법
참고
번역본은 AI에 의해 생성되었으므로 자신의 판단에 따라 사용하시기 바랍니다.
대부분의 블록에서 이미지나 비디오를 사용자 정의 배경으로 설정하고, 블록 내 개별 구성 요소에 추가할 수 있습니다.
블록에 이미지 추가하는 방법
이미지를 사용자 정의 배경으로 설정하거나 블록 구성 요소에 이미지를 추가하려면 다음을 수행하세요:
- 관리자 페이지에서 프로젝트를 열고 스토어프론트 > 웹사이트 섹션으로 이동하세요.
- 원하는 사이트의 패널에서 Open Site Builder를 클릭하세요.
- 블록 설정에서 해당 토글(예: Custom background, Game icon)을 활성화하고 토글 아래의 미리보기 입력란을 클릭하세요.
- Media를 클릭하세요.
- 열리는 모달 창에서 다음 방법 중 하나로 이미지를 업로드하세요:
- All assets 또는 Images 탭에서 이미지를 드래그 앤 드롭하고 업로드 후 클릭하세요.
- Add new asset을 클릭하고 드롭다운 목록에서 From device를 선택한 후 원하는 이미지를 업로드하세요.
참고
- 최대 이미지 크기: 10 MB.
- 지원되는 형식: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
- 블록의 사용자 정의 배경에 대한 권장 이미지 너비는 1920 px입니다. 필요한 콘텐츠를 블록에 추가한 후 적절한 이미지 비율을 결정하세요. 다른 이미지 유형에 대한 권장 크기는 블록 설명에 제공됩니다.
- 이미지 스타일을 구성하세요:
참고
설정은 미디어를 추가하는 구성 요소에 따라 다릅니다.
- 이미지 배치 방법을 선택하세요:
- Contain — 이미지가 비율을 유지하면서 전체 블록을 채웁니다. 이미지와 블록의 비율이 다르면 이미지의 일부가 잘릴 수 있습니다.
- Cover (기본값) — 이미지는 비율을 유지하며 블록 높이에 맞춥니다.
- Fill (사용자 정의 배경에 권장) — 이미지는 블록 너비를 채우며 블록 높이를 초과하면 상단과 하단이 잘릴 수 있습니다.
참고
사용자 정의 배경은 고정된 너비나 높이가 없으며, 블록 크기에 따라 동적으로 조정됩니다. 블록 크기는 콘텐츠(예: 추가된 텍스트의 양, 버튼의 유무)와 장치의 화면 해상도에 따라 변경됩니다.
- Fit — 이미지는 비율을 유지하지 않고 블록 크기에 맞춰 늘어납니다.
- 이미지 위치를 선택하세요 (선택 사항):
- Top left
- Top center
- Top right
- Left
- Center (기본값)
- Right
- Bottom left
- Bottom center
- Bottom right
참고
비디오가 이미 한쪽 면을 채우고 있는 경우(예: Fit 모드에서 높이로), 오프셋은 다른 축에서만 작동하여 세 가지 옵션(왼쪽, 중앙, 오른쪽)만 남습니다.
- 이미지의 색조와 그라데이션을 조정하세요 (선택 사항).
- 사이트를 게시하세요.
블록에 비디오 추가하는 방법
비디오를 사용자 정의 배경으로 설정하거나 블록 구성 요소에 비디오를 추가하려면 다음을 수행하세요:
- 관리자 페이지에서 프로젝트를 열고 스토어프론트 > 웹사이트 섹션으로 이동하세요.
- 원하는 사이트의 패널에서 Open Site Builder를 클릭하세요.
- 블록 설정에서 해당 토글(예: Custom background, Game icon)을 활성화하고 토글 아래의 미리보기 입력란을 클릭하세요.
- Media를 클릭하세요.
- 열리는 모달 창에서 다음 방법 중 하나로 비디오를 업로드하세요:
- All assets 또는 Video 탭에서 비디오를 드래그 앤 드롭하고 업로드 후 클릭하세요.
- Add new asset을 클릭하고 드롭다운 목록에서 비디오 업로드 방법을 선택하세요:
- From device — 장치에서 비디오 파일을 선택하세요.
- From YouTube — YouTube에 호스팅된 비디오의 URL을 입력하세요.
참고
- 장치에서 업로드한 단일 비디오의 최대 크기: 10 MB.
- 지원되는 형식: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
- Call-to-action, Promotional slider, Subscriptions 블록에서는 사용자 정의 배경으로 비디오 추가가 지원되지 않습니다.
- 블록의 사용자 정의 배경에 대한 권장 비디오 너비는 1920 px입니다. 필요한 콘텐츠를 블록에 추가한 후 적절한 이미지 비율을 결정하세요. 다른 이미지 유형에 대한 권장 크기는 블록 설명에 제공됩니다.
- 비디오 스타일을 구성하세요:
참고
설정은 미디어를 추가하는 요소에 따라 다릅니다.
- 비디오 배치 방법을 선택하세요 (장치에서 업로드한 비디오에만 해당):
- Contain — 비디오는 비율을 유지하면서 전체 블록을 채웁니다. 비디오와 블록의 비율이 다르면 이미지의 일부가 잘릴 수 있습니다.
- Cover (기본값) — 비디오는 비율을 유지하며 블록 높이에 맞춥니다.
- Fill (사용자 정의 배경에 권장) — 비디오는 블록 너비를 채우며 블록 높이를 초과하면 상단과 하단이 잘릴 수 있습니다.
참고
사용자 정의 배경은 고정된 너비나 높이가 없으며, 블록 크기에 따라 동적으로 조정됩니다. 블록 크기는 콘텐츠(예: 추가된 텍스트의 양, 버튼의 유무)와 장치의 화면 해상도에 따라 변경됩니다.
- Fix — 비디오는 비율을 유지하지 않고 블록 크기에 맞춰 늘어납니다.
- 비디오 재생을 구성하세요 (선택 사항, 사용자 정의 배경에는 사용 불가). 다음 설정이 가능합니다:
- Mute video.
- Loop video.
- Autoplay video.
- Cover image — 비디오가 재생되기 전 또는 사용자가 비디오를 사용할 수 없는 경우 표시되는 이미지입니다. 이 설정은 장치에서 업로드한 비디오에만 사용할 수 있습니다.
참고
비디오 소리를 켜고 자동 재생을 동시에 활성화할 수 없습니다. Autoplay video 토글을 활성화하면 Mute video 토글도 활성화됩니다.
- 비디오의 색조와 그라데이션을 조정하세요 (선택 사항).
- 사이트를 게시하세요.
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.
