Vimeo OTT는 현재 몇 가지 사이트 테마를 제공하며, 모두 사용자 지정이 가능합니다.
이 도움말에 포함된 내용:
사이트 테마를 선택하거나 전환하려면 어떻게 해야 하나요?
사이트의 테마를 선택하려면 다음 단계를 따르세요.
- 테마를 선택하고 편집하려면 먼저 비디오가 포함된 구독 상품이 있어야 하며, 지급이 연결되어야 합니다 .
- Vimeo OTT 관리자에서 배포 > 플랫폼 > 웹사이트 설정으로 이동합니다.
- 이 웹사이트 설정 페이지에서 현재 선택된 테마를 볼 수 있습니다. 테마 전환을 클릭하면 테마 페이지로 이동합니다.
- 원하는 테마를 선택하세요. 각 테마에 포함된 내용의 설명이 섬네일과 함께 표시됩니다. 실시간 미리보기를 클릭하면 어떻게 보이는지 미리 볼 수 있습니다.
- 테마 선택 버튼을 클릭하여 설정합니다.
- 그런 다음 테마 편집 버튼을 사용하여 선택한 테마를 편집할 수 있습니다.
하나의 테마를 선택하여 편집한 후, 나중에 다른 테마로 전환하면 이전에 편집한 모든 내용이 손실됩니다.
내 사이트의 테마를 어떻게 사용자 지정합니까?
테마 편집기에서 변경한 내용을 적용하려면 제품을 게시해야 합니다. 또한,관리자 화면 오른쪽 상단에 있는 '시작하기' 목록의 각 아이템도 완료해야 합니다.
사이트 테마를 선택한 후 테마 편집기를 사용하여 추가로 사용자 지정할 수 있습니다.관리 > 테마 편집기로 이동하세요.
왼쪽에는 사이트의 다양한 구성 요소를 편집할 수 있는 패널이 있으며, 나머지 창은 사이트의 미리보기입니다.
언제든지 종료를 클릭하여 테마 편집기를 저장하지 않고 나갈 수 있습니다. 게시를 클릭하면 변경 사항이 라이브 사이트에 적용됩니다.
이 옵션 아래에는 게시 전에 변경한 내용이 포함된 사이트의 초안 버전을 열 수 있는 미리보기가 있습니다. 변경한 내용이 마음에 들지 않으면 되돌리기를 클릭하여 사이트를 이전에 게시된 버전으로 되돌릴 수 있습니다.
아래에는 사이트의 다양한 영역에 대한 다양한 설정이 나와 있습니다. 각 패널의 오른쪽에 있는 아래쪽 화살표를 클릭하여 해당 패널을 확장하세요(다시 클릭하면 패널이 축소됩니다).
많은 서면 설정(즉, 제목과 설명) 아래에 번역 추가 메뉴가 있습니다. 해당 옵션을 클릭하고 언어를 선택하여 해당 옵션에 대한 번역을 추가하세요. 사이트 하단의 언어 선택기를 사용하여 해당 언어를 선택하는 모든 사용자에게는 기본 영어 대신 이 텍스트가 표시됩니다. 이 기능을 사용하려면 사이트 설정에서 번역을 활성화해야 합니다.
사이트 설정
이러한 설정은 일반적으로 사람들이 Google과 같은 검색 엔진에서 사이트를 검색할 때 표시되는 내용입니다.
- 사이트 제목 - 제목은 검색 엔진과 사이트를 방문할 때 브라우저 창 상단에 표시됩니다.
- 사이트 설명 - 설명은 사이트가 검색 결과에 나타날 때 표시됩니다.
- Facebook 페이지 - 사이트가 검색 결과에 표시될 때 Facebook 페이지 링크를 포함할 수 있습니다.
- Twitter 사용자 이름 - 사이트가 검색 결과에 표시될 때 Twitter 프로필 링크가 포함될 수 있습니다.
- 기본 사이트 색상 - 버튼과 플레이어 컨트롤에 사용할 브랜드 색상을 지정하세요.
전역 옵션
- 브라우저 탭 아이콘(사각형) - 사이트 제목 옆에 있는 브라우저 탭에 표시되는 아이콘입니다.
-
북마크 아이콘(사각형) - 누군가 사이트를 기기의 홈 화면에 북마크하면 모바일 기기에 표시되는 아이콘입니다.
- ⚠️참고: 위의 두 아이콘에 허용되는 파일 형식은 .jpeg, .png 및 .gif입니다. .ico 파일은 현재 지원되지 않습니다.
- 기본 버튼 색상 - 사이트의 다양한 버튼에 적용되는 색상입니다(예: "무료 체험 시작" 또는 "시청 시작").
- 탐색 배경색 - 사이트 상단에 표시되는 탐색 표시줄의 색상을 말합니다.
- 탐색 텍스트 색상 - 사이트의 다른 영역(예: "찾아보기", "포럼", "검색")으로 연결되는 상단 탐색 표시줄의 텍스트 색상과 사용자가 추가할 수 있는 기타 링크(아래에서 설명)의 색상입니다.
- 탐색 로고 이미지 - 사이트 왼쪽 상단에 표시할 로고 이미지를 업로드하세요. 배경이 투명한 PNG 파일을 지원합니다. 사이트에서 제공된 공간에 맞게 이미지 크기를 자동으로 조절합니다. 가로 이미지가 가장 적합합니다.
- 탐색 배경 이미지 - 색상 대신 이미지를 업로드하여 기본 탐색 메뉴를 대체할 수 있습니다. JPG, PNG, GIF 파일을 사용할 수 있습니다. 기본적으로 이 이미지는 탐색 영역 전체를 채우도록 형식이 지정됩니다.
- 타일식 배경 이미지 - 탐색 배경 이미지를 반복적으로 타일링하려면 이 옵션을 선택합니다.
- 선물 링크 표시 - 홈페이지에서 직접 구독을 선물할 수 있는 링크를 포함합니다.
- 탐색 링크 추가 - 온라인 스토어나 소셜 미디어 페이지 등 상단 탐색 메뉴에 맞춤 URL을 추가하려면 + 추가를 클릭 하고 탐색 메뉴에 표시되는 제목과 해당 URL로 연결되는 전체 URL(사이트에서 사용하는 프로토콜에 따라 "http://" 또는 "https://" 포함)을 입력하세요. 원하는 만큼 추가할 수 있지만, 아이템을 세 개 이상 추가하면 메뉴가 복잡해 보일 수 있습니다.
-
*NEW* 글꼴 사용자 지정 - 100개가 넘는 가장 인기 있는 Google 글꼴 목록에서 글꼴을 선택하여 사이트 전체에 적용할 수 있습니다.
테마 편집기의 나머지 사용자 지정 옵션은 선택한 테마에 따라 달라집니다. 각 섹션에서 사용할 수 있는 테마는 괄호안에 명시되어 있습니다.
사이트 배너
여기에서는 사이트의 모든 페이지에 표시될 사용자 지정 배너를 만들 수 있습니다. 이를 사용하면 주요 사이트 업데이트를 강조 표시하고 휴일 프로모션을 표시하는 등의 작업을 수행할 수 있습니다!
이 섹션에서는 다음을 수행할 수 있습니다.
- 배너 켜기 및 끄기 전환
- 헤드라인 텍스트와 서브텍스트 설정
- 전체 배너가 연결될 URL을 선택적으로 설정
- 배너 배경과 텍스트 모두에 대해 특정 색상 선택
💡팁: 배너는 사용자 지정 CSS를 사용하여 추가적으로 스타일을 지정할 수 있습니다. 배너 요소의 클래스는 다음과 같습니다.
.custom-banner--container, .custom-banner--header, .custom-banner--subtext
탐색 옵션(Bullion, Moonstone, Obsidian, Onyx, Topaz)
여기에서 영화 및 시리즈 컬렉션에 자동으로 생성된 카테고리를 표시할지 선택할 수 있습니다. 일반 웹사이트 설정과 마찬가지로 여기에서도 이 기능을 켜고 끌 수 있습니다 .
⚠️참고: Moonstone 테마의 경우 홈페이지의 콘텐츠는 콘텐츠 탭에 표시되며, 여기에는 컬렉션만 표시됩니다.
히어로 프로모션(Bullion, Obsidian, Onyx, Topaz)
이렇게 하면 사이트의 상단이 사용자 지정되고 배경 이미지, 제목, 설명, 가격 등의 자산이 포함될 수 있습니다.
히어로 옵션(Moonstone)
다른 테마에 대한 히어로 프로모션과 유사하며, 더 많은 홈페이지 배경 옵션을 제공합니다.
⚠️참고: 이 테마는 홈페이지에 표시되는 기본 이미지로 구독 상품의 섬네일을 사용합니다. 이를 변경하려면 제품의 섬네일을 변경해야 합니다.
추가 정보 (Onyx)
제공하는 콘텐츠에 대한 설명과 이메일 수집 필드(선택 사항)입니다.
캐러셀 탭 1, 2, 3(Topaz)
3개의 캐러셀 탭에는 시청자가 어떤 종류의 콘텐츠를 볼 것인지 등 사이트를 홍보하는 콘텐츠가 포함되어 있습니다. 모든 탭에는 체크아웃 페이지로 연결되는 버튼이 포함됩니다. 캐러셀 탭 3에서는 기기를 표시하는 옵션(예: "어디서나 시청")도 제공됩니다. 모두 문구, 배경 이미지 및 오버레이 색상을 사용자 지정할 수 있도록 허용합니다.
메일링 리스트(Obsidian, Topaz)
메일링 리스트 가입 양식을 표시할지 선택하고, 표시되는 텍스트를 사용자 지정하세요.
프로모션(Obsidian)
홈페이지에서 프로모션 섹션을 켜고 끄세요. 여기에는 제품이 제공하는 것과 사람들이 구독해야 하는 이유에 대한 안내문이 포함될 수 있습니다. 원하는 만큼 추가할 수 있습니다.
콘텐츠 섹션 1, 2, 3, 4, 5(Onyx)
사이트의 홈페이지에 최대 5개의 프로모션 섹션을 추가할 수 있습니다. 여기에는 사이트의 특정 부분에 대한 이미지, 제목, 설명 또는 버튼이 포함될 수 있습니다(예: "/browse"). 방문자가 아래로 스크롤할 때 각 섹션의 짧은 제목이 포함된 하위 탐색이 생성됩니다.
일정(Obsidian)
새로운 에피소드가 언제 출시되는지 등 콘텐츠 일정을 표시하도록 선택할 수 있습니다.
콘텐츠 미리 보기(Bullion, Obsidian)
사이트 홈페이지에 일부 비디오를 표시합니다. 그런 다음 비디오 섬네일, 컬렉션 섬네일 또는 맞춤형 이미지와 링크를 표시하도록 선택할 수 있습니다. 컬렉션 섬네일은 컬렉션 내 콘텐츠의 미리보기 페이지로 연결되며, 사이트 방문자는 해당 트레일러를 시청할 수 있습니다(가능한 경우). 맞춤형 이미지를 사용하면 특정 이미지와 연결할 링크를 수동으로 추가할 수 있습니다. 비디오 섬네일은 어디에도 연결되지 않습니다.
기기(Bullion, Obsidian, Onyx)
브랜디드 앱이 있는 경우 시청자가 어떤 기기에서든 시청할 수 있다는 점을 홍보하고 싶을 수 있습니다. 이 영역에서는 사용자 지정 제목과 설명을 통해 이를 홍보하는 데 도움이 됩니다. 이 영역을 표시하는 경우 각 기기(TV, 태블릿, 휴대폰, 노트북)에 대한 개별 섬네일을 업로드할 수 있습니다. 섬네일을 업로드하지 않으면 사이트의 히어로 배경 이미지가 기본적으로 사용됩니다. (💡팁: Topaz 테마에는 "캐러셀 탭 3" 섹션에 이 기능이 포함되어 있습니다.)
제품 구매(Onyx, Topaz)
TVOD 제품이 있는 경우 해당 제품이 이 섹션에 자동으로 표시됩니다. 섹션의 제목과 색상을 사용자 지정하거나 숨기도록 선택하세요.
바닥글(Obsidian)
홈페이지 하단의 종료 헤더(예: "지금 구독하세요!")와 설명 줄(예: "시작할 준비가 되셨나요?")입니다.
문의(Bullion)
연락처 정보를 포함할 수 있는 추가 영역(예: "질문이 있으신가요? support@vhx.tv로 문의하세요")이 있으며, 섹션의 배경색을 사용자 지정하고 이미지를 추가할 수 있는 옵션이 있습니다.
바닥글 링크(Bullion, Moonstone, Obsidian, Onyx, Topaz)
페이지 맨 아래에 나타나는 기본 링크(포럼, 도움말, 약관, 개인정보 보호정책, 쿠키, 로그아웃) 외에도 웹의 어느 곳으로든 사용자 지정 링크를 추가할 수 있습니다.
⚠️참고: 링크가 제대로 표시되도록 하려면 사이트에서 사용하는 프로토콜에 따라 "http://" 또는 "https://"를 포함한 전체 URL을 접두사로 사용하세요.프로토콜을 포함하지 않으면 링크가 작동하지 않습니다.
커스텀 스타일 (Bullion, Moonstone, Obsidian, Onyx, Topaz)
여기 텍스트 상자에서 사이트에 사용자 지정 CSS를 적용할 수 있습니다.