Dawn 테마 비디오 배너를 추가하는 단계별 가이드 Shopify

당신이 사용한 경우 Shopify, 당신은 Dawn 테마를 알고 있습니다. 이는 새로운 기업가가 사용할 수 있는 무료 테마 중 하나이며 독특한 매장 디자인을 위한 고도로 사용자 정의 가능한 옵션입니다.

Dawn 테마에는 표준 비디오 업로드 블록 및 이미지 배너와 같은 다양한 모듈이 함께 제공됩니다.

이 가이드에서는 새벽 테마 홈페이지에서 관심을 끌 수 있는 비디오 배너!

Dawn 테마 개요

Dawn 테마는 무료입니다 Shopify 테마 전자상거래 소매업체에서 널리 사용하는 방법입니다. 단순한 디자인과 간단한 설정으로 시각적으로 매력적이고 우아해 보이는 매장을 설정하는 데 여전히 인기 있는 선택입니다.

비디오 배경/배너란 무엇이며 웹사이트에서 이를 사용해야 하는 이유는 무엇입니까?

비디오 배너는 버튼 및 텍스트와 같은 전경의 다른 요소와 함께 비디오를 전체 너비의 배경으로 표시하는 웹페이지 영역입니다.

Dawn 테마 비디오 배너와 같은 모듈은 방문자의 전반적인 웹 사이트 경험을 향상시키는 다양한 이점을 제공합니다. 다음은 몇 가지 주요 이점입니다.

1. 풍부한 시각적 요소: 시선을 사로잡는 동영상을 통합함으로써 웹사이트는 시각적으로 더욱 매력적으로 변해 방문자의 관심을 사로잡습니다.
2. 역동적이고 매력적인 콘텐츠: 비디오는 효과적으로 정보를 전달합니다. 제품 기능을 선보이고, 방법을 설명하거나, 매력적인 브랜드 스토리를 전달하여 방문자의 참여를 유지할 수 있습니다.
3. 향상된 사용자 참여: 비디오는 방문자에게 지속적인 인상을 남기는 힘을 가지고 있습니다. 시각적, 오디오 및 모션의 조합은 주의를 끌고 사용자가 더 자세히 탐색하도록 장려합니다.
4. 효과적인 브랜드 커뮤니케이션: 비디오 배경이나 배너는 브랜드의 메시지를 고객에게 전달할 수 있습니다. 이를 통해 기업은 고유한 가치 제안을 강조하고 제품이나 서비스를 선보이며 강력한 브랜드 아이덴티티를 확립할 수 있습니다.

웹사이트 디자인에 비디오의 힘을 활용하면 사이트를 더욱 흥미롭게 만들고 전환율을 높일 수 있습니다.

Dawn 테마에 비디오 배경/배너를 추가하는 단계별 가이드

Dawn 테마 비디오 배너를 추가하는 방법에는 기술적으로 네 가지가 있습니다(모두 이상적인 것은 아닙니다).

1. 비디오를 WebP 비디오/이미지 형식으로 변환합니다.
2. 조정 Shopify 비디오를 지원하는 일반 이미지 배너용 코드입니다.
3. 비디오를 GIF 형식으로 변환합니다.
4. 간단히 비디오 블록에 비디오를 업로드하면 됩니다. Shopify, 전경 요소가 있다는 아이디어를 건너뜁니다(따라서 진정한 배너가 아닙니다).

수정하는 방법은 크게 어렵지 않습니다 Shopify 표준 이미지 배너를 위한 코드지만, WebP와 같은 파일 형식에 액세스할 수 있다는 점을 고려하면 불필요하게 긴 프로세스입니다. GIF는 비디오 품질을 크게 떨어뜨리고, 옵션 4는 실제 비디오 배너를 제공하지 않습니다.

따라서 어떤 비디오 형식(.mp4, .mov, .wmv)이든 WebP 형식으로 변환하는 것이 좋습니다. WebP는 고해상도 JPEG 이미지, 비디오 및 GIF의 장점을 결합하여 부피가 크지 않고 해상도를 크게 잃지 않고도 아름다운 움직이는 비디오를 제작할 수 있습니다. 그리고 WebP 비디오/이미지를 Shopify 이미지배너.

여기 방법입니다 :

1단계: 비디오를 촬영하여 WebP 파일로 변환 Format

온라인에는 다양한 무료 "비디오를 WebP로" 변환기가 있습니다. 온라인 검색을 시도하거나 당사가 테스트한 변환기 중 하나를 사용하십시오.

• 이지프
• MC 변환기
• MP4.to

비디오를 무료 변환 도구에 업로드한 다음 WebP 형식으로 변환하도록 선택합니다. 새 파일을 컴퓨터에 저장합니다.

2단계: Dawn 테마 찾기 Shopify

“온라인 스토어” > “테마”로 이동하세요.

아직 설치되어 있지 않으면 Dawn 테마를 설치하세요. 그렇지 않으면 Dawn 테마가 다음과 같이 지정되어 있어야 합니다. Shopify의 "현재 테마"입니다. 계속하려면 "사용자 정의"버튼을 클릭하십시오.

3단계: 이미지 배너 블록 추가 및 선택

Dawn 테마에는 "이미지 배너" 블록이 기본적으로 추가됩니다. 따라서 해당 모듈을 클릭하여 왼쪽 패널에서 해당 설정을 열 수 있어야 합니다. 오른쪽의 시각적 미리보기에서 이미지 배너 자체를 클릭하는 것도 가능합니다. "이미지 배너"를 처음부터 삽입해야 하는 경우 "블록 추가" 링크를 사용하세요.

4단계: WebP 비디오 파일 업로드

'첫 번째 이미지' 섹션에서 '이미지 선택' 버튼을 클릭하세요.

이렇게 하면 매장 미디어 라이브러리에 이미지를 업로드할 수 있는 영역이 로드됩니다. 비디오 URL을 붙여넣는 것도 가능하지만 업로드 기능을 사용하겠습니다. "이미지 추가" 버튼을 선택하고 이전에 생성한 WebP 파일을 선택합니다. 새로 업로드된 파일에 체크 표시를 한 후 "완료" 버튼을 클릭하세요.

이렇게 하면 WebP 비디오 파일이 이미지 배너에 표시되므로 전경에 있는 모든 콘텐츠도 편집할 수 있습니다. “저장”을 클릭하세요.

축하합니다. Dawn 테마 비디오 배너를 성공적으로 추가했습니다!

5단계: 비디오 미리보기

하지만 잠깐만요, 프런트엔드에서 비디오를 미리 보고 제대로 보이는지, 원활하게 실행되는지, 적절한 해상도인지 확인하는 게 좋습니다.

대시보드의 기본 화면으로 돌아가서 눈알 아이콘을 클릭하여 '온라인 상점 보기'를 클릭하세요. 이는 "판매 채널" 섹션 아래의 "온라인 상점" 옆에 있습니다.

성공!

Dawn 테마 비디오 배너 사용자 정의: 나만의 독특한 배너 만들기

맞춤화를 통해 비디오가 브랜드 및 매장 미학과 완벽하게 어울리도록 할 수 있습니다. 그럼, 소매를 걷어붙이고 뛰어들어 볼까요?

설정을 보려면 항상 이미지 배너를 선택해야 합니다. 그러면 이미지 오버레이 불투명도를 수정하고 배너 높이를 변경할 수 있습니다. 그런 다음 데스크톱 콘텐츠 위치를 수정하여 오버레이 텍스트가 있는 위치를 변경할 수 있습니다.

콘텐츠와 버튼 위치를 이동하면 텍스트와 버튼이 가장 잘 보이는 비디오 영역 위에 표시됩니다.

추가 사용자 정의를 위해 "사용자 정의 CSS" 섹션에 액세스할 수 있습니다.

물론 콘텐츠 텍스트나 버튼을 선택하여 내용과 표시 방식을 변경할 수도 있습니다.

최대 속도와 호환성을 위해 비디오 파일을 최적화하는 팁

사이트가 크롤링되는 속도를 늦추거나 특정 장치에서 올바르게 표시되지 않는 경우 인상적인 비디오를 갖는 것은 중요하지 않습니다.

그렇기 때문에 최대 속도와 호환성을 위해 비디오 파일을 최적화하는 것은 타협할 수 없는 작업입니다. 이 섹션에서는 효율적인 로딩 및 범용 재생을 위해 비디오 콘텐츠를 간소화하는 데 도움이 되는 몇 가지 유용한 지침을 공유하겠습니다.

• 대부분의 웹 브라우저와 폭넓게 호환되는 비디오 파일 형식(WebP 등)을 사용하세요.
• 비디오 파일 크기를 가능한 한 작게 유지하십시오. WebP는 품질 저하 없이 비디오를 압축하는 놀라운 작업을 수행합니다.
• 화면 크기에 잘 맞도록 비디오의 가로 세로 비율을 설정합니다.
• 매장의 개성을 반영하는 균형 잡힌 색상과 대비를 갖춘 비디오를 선택하세요.

Dawn 테마에 비디오 배경/배너 추가와 관련된 일반적인 문제 해결

때로는 아무리 주의를 기울여도 Dawn 테마 비디오 배너를 추가할 때 여전히 문제가 발생할 수 있습니다. 문제가 발생할 경우 다음은 몇 가지 문제 해결 팁입니다.

비호환성 문제

비디오를 WebP와 같은 호환되는 파일 형식으로 변환해 보거나 비디오 삽입 링크를 사용해 보세요.

동영상 크기가 너무 큽니다.

비디오를 자르거나 압축하여 품질을 유지하면서 파일 크기를 줄이세요.

동영상이 자동재생되지 않습니다

테마 설정에서 '자동 재생' 옵션을 활성화했는지 확인하세요.

Dawn 테마 비디오 배너 추가에 대한 결론

단계별 가이드와 문제 해결 팁을 따르면 Dawn 테마 비디오 배너를 추가할 수 있습니다. Shopify 쉽게.

당신의 생각은 무엇입니까? Dawn 테마 비디오 배너를 성공적으로 추가했다면 댓글로 알려주세요!