나만의 아이덴티티를 보여줄 수 있는 비스테이지의 '메인 홈'을 설정해 보세요!

👉 커스텀 페이지 에디터 접속 시 초기 화면

• 좌측 상단에서 에디터 종료 및 미리보기 화면의 언어 설정을 할 수 있습니다.
• 중앙의 버튼을 통해 모바일/PC 뷰 타입을 선택할 수 있습니다.
• 우측 상단의 [내 비스테이지 보기]를 클릭하면 유저 뷰의 메인 홈 화면으로 이동(새 창)합니다.

👉 커스텀 페이지 에디터 상세 메뉴

• 디자인 설정

  • 컬러 테마와 헤더 요소(로고, 파비콘)을 설정할 수 있습니다. 자세한 내용은 본 문서를 확인해 주세요.

• 헤더

  • 메뉴 컬러: 헤더 내 메뉴 아이콘의 컬러를 변경할 수 있습니다. (좌측부터 시스템 컬러, 블랙, 화이트, 커스텀)

  • 로고 & 파비콘: 위 디자인 설정을 참고해 주세요.

👉 섹션

섹션과 섹션 사이 [+] 버튼을 누르면 섹션 추가가 가능하며, 섹션에 마우스 오버 시 편집/복제/삭제/순서 변경(상하)를 할 수 있습니다.

👉 섹션 추가

✔️ 콘텐츠/상품

• 가로형 리스트: 스와이프 방식으로 쉽게 리스트를 탐색할 수 있도록 가로형으로 콘텐츠를 노출합니다.
• 세로형 리스트: 콘텐츠를 목록형으로 보여줄 수 있도록 세로형으로 리스트를 노출합니다.
  • 현재 [커스텀]만 설정 가능하며, [큐레이션]과 [조건 설정]은 추후 추가될 예정입니다.
• 스토리 하이라이트: 스타가 작성한 최신 스토리(20개)를 보여주는 섹션입니다. (콘텐츠 섹션 ONLY)

• • 섹션 타이틀: 해당 섹션의 타이틀을 입력할 수 있습니다. (최대 100자)
  기본 언어를 입력해야 저장할 수 있으며, 다국어 미 입력 시엔 기본 언어로 노출됩니다.
  
  • 커버
  ৹ 레이아웃: 상단 혹은 좌측에 커버를 배치하여 노출할 수 있습니다. 단, 모바일에서는 항상 섹션 상단에 노출됩니다.
  ▪ Image
  ▪▪ 모바일/PC 각각 설정을 ON하여 다른 커버 이미지를 업로드할 수 있습니다.
  ▪▪ [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
  ▪▪ 비율 지정(1:1/4:3/3:4/자유)과 여백 추가가 가능합니다.
  
  • 타이틀/설명: 최대 100자의 타이틀과 설명 입력이 가능합니다. 기본 언어를 입력해야 저장할 수 있으며, 다국어 미 입력 시엔 기본 언어로 노출됩니다.
  
  • 링크: URL을 입력해 주세요. [새 창에서 열기]를 설정하지 않으면 현재 창에서 이동합니다.
  
  • 스타일
  ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
  ৹ 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
  
  ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
  ▪ 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
  ▪ [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
  ▪ Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
  ▪ 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
  ৹ 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
  ৹ [Color] 클릭 시, 컬러 설정이 가능합니다.

• • 리스트 구성 요소: 해당 섹션의 아이템 리스트에 대한 구성 요소(타이틀/설명/가격/링크/썸네일/썸네일 사이즈+비율+모양)를 설정합니다.
  
  • 아이템: 최대 100개의 아이템을 추가할 수 있으며, 해당 리스트 내의 아이템을 [전체 삭제], [불러오기], [추가]가 가능합니다.
  ৹ 전체 삭제: 해당 리스트 내의 아이템을 전체 삭제합니다.
  ৹ 불러오기: 등록한 아이템(콘텐츠)으로 리스트를 구성해보세요. 각 아이템의 최신 상태는 저장 이후 반영되지 않아요. 각 콘텐츠 유형에서 등록이 완료된 콘텐츠 중 원하는 콘텐츠를 최대 50개까지 고른 후 적용하기를 눌러주세요.
  ৹ 추가: 신규 아이템을 추가하거나 등록된 아이템 중 개별 아이템을 불러올 수 있습니다.
  
  • 타이틀/설명: 각각 최대 100자와 200자의 타이틀/설명 입력이 가능합니다. 기본 언어를 입력해야 저장할 수 있으며, 다국어 미 입력 시엔 기본 언어로 노출됩니다.
  
  • 링크: URL을 입력해 주세요. [새 창에서 열기]를 설정하지 않으면 현재 창에서 이동합니다.
  
  • 썸네일: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
  
  • 모든 항목의 입력이 완료되었다면 저장하기를 눌러주세요.

• • 섹션 타이틀: 해당 섹션의 타이틀을 입력할 수 있습니다. (최대 100자)
  
  • 스타일
  ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
  ৹ 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
  ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
  ▪ 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
  ▪ 이미지: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
  ▪▪ Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
  ▪▪ 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
  ▪ 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
  ▪ [Color] 클릭 시, 컬러 설정이 가능합니다.

✔️ 피드

• 내가 등록한 아이템(콘텐츠)을 최신순으로 보여주는 섹션이에요. 특정 아이템을 상단에 고정하거나 유형, 태그별로 조건을 설정해서 노출할 수 있어요.
• 피드를 비활성화(OFF)하면 피드 영역이 노출되지 않으므로 스토리 하이라이트, 고정 콘텐츠, 배너 기능을 사용할 수 없습니다. 피드의 활성화 상태에서 [스토리 하이라이트]만 미노출 설정할 수 있습니다.

• • 섹션 타이틀: 해당 피드의 타이틀을 입력할 수 있습니다. (최대 100자)
  기본 언어를 입력해야 저장할 수 있으며, 다국어 미 입력 시엔 기본 언어로 노출됩니다.
  
  • 고정 콘텐츠
  ৹ 메인 홈 상단에 고정할 1개의 항목을 선택해주세요.
  ৹ 최신 콘텐츠는 100개까지 노출되며, 설정한 고정 콘텐츠는 첫 배너 하단에 노출됩니다. 스타 스토리도 고정할 수 있어요.
  ৹ 우측의 [전체 콘텐츠] 필터를 클릭하면, 업로드 동영상, 임베드 동영상, 포스트, 스타 스토리, 서베이, 투표로 필터를 설정할 수 있습니다.
  ৹ 고정할 항목을 1개 선택한 후, 우측 상단의 [고정하기]를 클릭해 주세요.
  ৹ 고정할 항목을 변경하실 경우, [해제하기] 버튼을 클릭하여 해제해 주세요.
  
  • 더보기 설정
  ৹ 더보기 옵션: '버튼 클릭'과 '무한 스크롤' 중 원하는 옵션을 선택해 주세요. '버튼 클릭' 선택 시, 피드에 노출할 기본 아이템 수를 설정할 수 있습니다. 더보기 버튼 클릭 시, 선택한 개수(4개/6개/8개)의 아이템이 추가 노출됩니다. 단, '무한 스크롤' 선택 시, 피드 내 아이템 수는 20개로 고정됩니다. (무한 스크롤 선택 시 피드 섹션은 최하단 배치를 권장합니다.)
  
  • 스타일
  ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
  ৹ 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
  ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
  ▪ 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
  ▪ Image: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
  ▪▪ Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
  ▪▪ 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
  ▪ 브랜드 커버 영역의 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
  ▪ [Color] 클릭 시, 컬러 설정이 가능합니다.

• • 조건(유형/정렬/태그)을 설정해 해당하는 콘텐츠를 해당 피드에 노출할 수 있습니다. (현재 '최신순' 정렬만 지원하고 있습니다.) 이후에 등록한 콘텐츠라도 동일한 필터를 설정하면 자동으로 업데이트됩니다.
  • 적용한 필터에 해당하는 콘텐츠가 하단 [아이템]란에 리스트업됩니다.
  
  • 고정 콘텐츠
  ৹ 메인 홈 상단에 고정할 1개의 항목을 선택해주세요.
  ৹ 최신 콘텐츠는 100개까지 노출되며, 설정한 고정 콘텐츠는 첫 배너 하단에 노출됩니다. 스타 스토리도 고정할 수 있어요.
  ৹ 우측의 [전체 콘텐츠] 필터를 클릭하면, 업로드 동영상, 임베드 동영상, 포스트, 스타 스토리, 서베이, 투표로 필터를 설정할 수 있습니다.
  ৹ 고정할 항목을 1개 선택한 후, 우측 상단의 [고정하기]를 클릭해 주세요.
  ৹ 고정할 항목을 변경하실 경우, [해제하기] 버튼을 클릭하여 해제해 주세요.

✔️ 배너

• 슬라이드 배너: 배너를 슬라이드로 넘겨볼 수 있어요. 여러 개의 배너를 보여주고 싶을 때 활용해보세요.

• • 섹션 타이틀: 해당 섹션의 타이틀을 입력할 수 있습니다. (최대 100자)
  
  • 배너 디자인: 비율(4:1, 3:1, 16:9, 4:3, 1:1, 3:4) 및 모양(스퀘어, 라운드, 풀라운드), 여백 추가, 원본 그대로 노출 설정이 가능합니다. (배너 섹션은 고정 영역을 가지므로, 원본 이미지에 따라 상하좌우 배경 컬러가 보일 수 있습니다.)
  
  • 전환 효과: 배너 1장의 노출 시간(1~10초, Default 2초)을 설정할 수 있습니다. 애니메이션 효과는 Push로 고정됩니다.
  
  • 스타일
  ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
  ৹ 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
  ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
  ▪ 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
  ▪ Image: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
  ▪▪ Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
  ▪▪ 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
  ▪ 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
  ▪ [Color] 클릭 시, 컬러 설정이 가능합니다.

• • 최대 12개의 배너를 추가할 수 있습니다. 이미지는 4:1 비율의 가로 1200px 이상, 최대 10MB의 JPG, PNG, GIF 파일 형식을 권장합니다.
  • [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
  • 배너 위 텍스트를 추가할 경우, 해당 버튼을 ON으로 변경한 후, 최대 20자의 텍스트를 입력해 주세요. 다국어, 텍스트 컬러 및 정렬 설정이 가능합니다.
  
  • 연결 URL: URL을 입력해 주세요. [새 창에서 열기]를 설정하지 않으면 해당 배너 클릭 시 현재 창에서 이동합니다.
  
  • 노출 설정
  ৹ 즉시 노출 / 예약 노출 / 미노출 / 노출 종료일을 지정할 수 있습니다.
  ৹ 미노출일 경우, 해당 배너가 서비스에 노출되지 않습니다.
  ৹ [노출 종료일 지정]을 활성화한 후, 날짜를 선택하면 선택한 일정에 배너 노출이 종료됩니다.
  
  • 모든 설정이 완료되면, 우측 상단의 [저장하기]를 클릭해 주세요.

💡 배너 편집

• 등록된 배너에 수정이 필요할 경우, 배너에 마우스 오버 시 나타나는 연필 아이콘을 클릭하여 배너를 수정할 수 있으며, ⓧ 아이콘을 클릭하여 삭제할 수 있습니다.

✔️ 디자인 - 커버

브랜드 커버

• 내 비스테이지의 개성을 이미지, 동영상을 활용해 보여줄 수 있는 커버 영역이에요. 로고, 소개글, 버튼 등을 함께 설정할 수 있어요.

• 히어로 이미지

  • 브랜드 커버 배경 위(동영상 배경 포함)에 히어로 이미지를 추가할 수 있습니다.
  • [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
    • 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
    • 비율 조절이 가능합니다.
      • 모바일 - 1:1/4:3/3:4/자유
      • PC - 6:1/4:1/3:1/자유
    • 여백 추가도 가능합니다.

• 로고

  • 본인의 브랜드를 잘 나타낼 수 있는 텍스트 또는 이미지를 설정할 수 있습니다. 설정 > 디자인 설정에서 설정한 로고와 동일하거나 잘 어울리는 것으로 저장해 주세요.
  • 텍스트
    • 입력란을 클릭하여 본인의 브랜드명을 입력하여 주시기 바랍니다. 다국어 추가도 가능합니다. 미 입력 시엔 기본 언어로 노출됩니다.
  • 이미지
    • 브랜드 로고를 아래 형식에 맞게 업로드하여 주시기 바랍니다.
      • 권장 사이즈: 가로 960px 이상
      • 지원 형식: JPG, PNG, GIF
      • 최대 5MB
  • 이미지 업로드 후 [확대/축소]를 통해 사이즈 조절이 가능합니다. (최소 0.1x / 최대 3x)

• 소개글

  • 나의 사이트와 관련된 설명을 간단하게 적어주세요. (최대 200자)
  • 기본 언어를 입력해야 저장할 수 있으며, 다국어 미 입력 시엔 기본 언어로 노출됩니다.

• 소셜 링크

  
  • 설정 > 기본 정보 > 소셜 링크 관리에서 연동한 소셜 링크 또는 내가 원하는 링크를 추가할 수 있습니다. (최대 20개)
  • 텍스트 노출을 체크하면 텍스트 없이 링크 아이콘만 노출할 수 있습니다.

• 버튼

  • [+]를 눌러 최대 5개의 버튼을 추가할 수 있습니다.
  • 컬러 버튼과 기본 버튼 중 원하는 타입을 선택해주세요. 기본 버튼 선택 시, 설정한 브랜드 커버의 배경에 따라 컬러가 반전될 수 있어요.
  • 버튼 타입을 선택해 주세요.
    • 커스텀: 커스텀 선택 시, 원하는 링크를 연결해 버튼으로 설정할 수 있어요. 연결할 링크에 적합한 버튼명을 설정해주세요.
    • 로그인: 로그인 유도형 버튼으로 로그인한 회원에게는 보이지 않아요.
    • 멤버십: 멤버십 링크로 연결되어, 멤버십 가입을 유도할 수 있어요.
    • 공유: 내 비스테이지 링크를 회원들이 간편하게 공유할 수 있도록 주소 복사를 제공해요.
    • 후원: 후원 링크로 연결되어, 후원을 유도할 수 있어요. (설정 > 샵 설정에서 후원이 사용 설정된 경우에만 활성화됩니다.)
  • URL을 입력해 주세요. 내부 링크(비스테이지)의 경우에는 화면 전환으로 링크가 이동하며, 외부 링크의 경우에는 새 창으로 이동합니다.
  • 버튼명: 버튼의 이름을 원하는 언어란에 입력해 주세요. 미 입력 시엔 기본 언어로 노출됩니다.
  • 버튼 추가 후 제공되는 [스타일] 메뉴에서 버튼 모양, 정렬과 색상 설정이 가능합니다.

✔️ 버튼 순서 조절

• 버튼이 2개 이상일 경우, 등록되어 있는 버튼에 마우스 오버 시 나타나는 ⁝⁝ 아이콘을 클릭, 드래그하여 순서 변경을 할 수 있습니다.

✔️ 버튼 편집

• 등록된 버튼에 수정이 필요할 경우, 버튼에 마우스 오버 시 나타나는 ••• 아이콘을 클릭하여 배너를 수정할 수 있으며, ⓧ 아이콘을 클릭하여 삭제할 수 있습니다.

• 스타일

  • 상하 여백
    • 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
  • 커버 높이

• • • 커버 영역의 최소 높이를 설정하고 이에 맞춰 이미지나 동영상을 업로드해주세요. 고객의 사용 환경을 고려해 모바일과 데스크톱 배경을 각각 설정해주세요.
    • Full page: 어떤 기기에서나 브랜드 커버가 전체 화면으로 보이도록 설정할 수 있어요.
    • Auto: 설정한 콘텐츠에 맞춰 브랜드 커버 높이가 적용돼요. 히어로 이미지를 사용할 경우 Auto 설정을 권장해요.

• 콘텐츠 정렬

  • 콘텐츠 요소(로고, 소개글, 소셜 링크)의 정렬을 설정할 수 있습니다.
  • 단, [커버 높이]를 Auto로 설정한 경우 좌/중/우만 제공됩니다.

• • 배경

    
    • 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    • [Image/Video] 클릭 시, 이미지 또는 동영상 설정이 가능합니다.
      
      • 이미지: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
        
        • Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
        • 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
      • 동영상: [업로드] 버튼을 눌러 원하는 동영상을 직접 업로드해 주세요.
        
        • 최대 300MB의 MP4, MOV 파일 형식을 지원합니다.
    • [Color] 클릭 시, 컬러 설정이 가능합니다.
    • 브랜드 커버 영역의 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.

✔️ 디자인 - 디바이더

• 라인: 섹션 사이를 구분할 수 있는 선을 추가할 수 있어요.
• 컬러: 선의 컬러를 선택할 수 있습니다.
• 라인 설정: 선의 두께(1~8px)와 너비(Full, Inset, Ratio: 1~100%)를 설정할 수 있습니다.
• 스타일
  • 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
  • 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    • 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
    • [Color] 클릭 시, 컬러 설정이 가능합니다.

✔️ 임베드 - X (트위터) 연동

• 사용 중인 소셜 계정을 내 비스테이지에 연동해서 보여줄 수 있어요. 플러스 플랜 고객에게만 제공하는 섹션이며, 최대 1개의 섹션만 추가가 가능합니다.
• 섹션 추가 버튼을 누른 후 연결할 계정 ID를 입력해주세요.
• 섹션 타이틀: 해당 섹션의 타이틀을 입력할 수 있습니다. (최대 100자)
• 계정: 해당 계정 정보를 기반으로 신규 게시물을 노출해요. (시간당 최대 24개 - 갱신 주기 1시간) 계정 정보는 섹션 추가 후 설정 패널 > 계정 정보에서 수정이 가능합니다.
• 스타일
  • 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
  • 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
  • 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    • 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
    • Image: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
      • Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
      • 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
    • 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
    • [Color] 클릭 시, 컬러 설정이 가능합니다.

✔️ 임베드 - 유튜브, 스포티파이, 애플 뮤직

임베드: 커스텀 페이지 내 임베드 기능을 사용하여 유튜브, 애플뮤직, 스포티파이의 모듈을 넣을 수 있습니다. 스타의 음악, 또는 영상을 넣어 커스텀 페이지를 꾸며보세요.

섹션 추가 버튼을 누른 후 임베드 코드를 입력해주세요.

① 유튜브

1. 추가하고 싶은 영상에서 "공유하기"를 클릭 후 "퍼가기"를 선택해주세요.

2. Iframe 코드를 복사한 후 임베드 코드 영역에 복사 및 붙여넣기 해주세요.

② 애플뮤직

1. 추가하고 싶은 앨범 또는 음악의 더보기 메뉴에서 "공유하기 > 내장 코드 복사"를 클릭한 후 임베드 코드 영역에 복사 및 붙여넣기 해주세요.

③ 스포티파이

스포티파이의 경우, 원하는 섹션만큼 영역이 채워지지 않는다면 높이값을 152이하로 설정하거나, 352 이상으로 설정해주세요.

1. 추가하고 싶은 앨범, 음악 또는 플레이리스트의 더보기 메뉴에서 "공유 > 트랙/앨범 삽입하기"를 클릭해주세요.

2. 코드를 복사(복사하기)한 후 임베드 코드 영역에 복사 및 붙여넣기 해주세요.

• 섹션 타이틀: 해당 임베딩 섹션의 타이틀을 입력할 수 있습니다. (최대 100자, 삭제 가능)
• 임베드 코드: 클릭하여 기존에 입력한 코드 수정이 가능합니다. 수정할 경우 해당 코드가 유효한지 다시 체크합니다.
• 사이즈
  • 모바일/PC 각각 선택하여 미리보기가 가능합니다.
  • 너비: 전체와 커스텀 중 선택 가능합니다.
    
    • 커스텀: 버튼을 움직여 비율(%)를 조절할 수 있습니다. (좌/우 각각의 설정은 불가합니다.)
    • 좌우여백: 좌우에 여백을 추가할지 선택할 수 있습니다.
    • 높이: 우측 화살표를 클릭하여 비율을 선택할 수 있습니다.
      
      • px 입력을 선택하면 숫자 입력이 가능한 필드가 활성화됩니다. (높이는 최대 2000px까지 설정할 수 있습니다.)

• 스타일
  
  • 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
  • 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
  • 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    
    • 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
    • Image: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
    • Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
    • 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
  • 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
  • [Color] 클릭 시, 컬러 설정이 가능합니다.