메인 홈

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

👉 메인 홈 에디터 접속 시 초기 화면

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

👉 메인 홈 에디터 상세 메뉴

• 헤더 - 헤더 로고

  • 클릭 시 설정 > 디자인 설정 > 로고 & 파비콘으로 이동(새 창)합니다.

  • 상단 메뉴에 로고를 이미지 혹은 텍스트를 등록할 수 있어요. 이미지로 등록하려면 아래 가이드를 참고해 주세요.
    • 권장 사이즈: 600px 이상
    • 로고 외 영역이 투명한 PNG 파일
    • 최대 5MB

• 브랜드 커버

  • 커버 배경을 설정합니다. 자세한 가이드는 아래를 참고해 주세요. 

• 피드

  • 피드 탭 노출을 활성/비활성 설정할 수 있습니다. 피드를 비활성화(OFF)하면 피드 영역이 노출되지 않으므로 스토리 하이라이트, 고정 콘텐츠, 배너 기능을 사용할 수 없습니다. 피드의 활성화 상태에서 [스토리 하이라이트]만 미노출 설정할 수 있습니다.

• 고정 콘텐츠

  • 메인 홈 상단에 고정할 1개의 항목을 선택해주세요.
  • 최신 콘텐츠는 100개까지 노출되며, 설정한 고정 콘텐츠는 첫 배너 하단에 노출됩니다. 스타 스토리도 고정할 수 있어요.
  • 우측의 [전체 콘텐츠] 필터를 클릭하면, 업로드 동영상, 임베드 동영상, 포스트, 스타 스토리, 서베이, 투표로 필터를 설정할 수 있습니다.
  • 고정할 항목을 1개 선택한 후, 우측 상단의 [고정하기]를 클릭해 주세요.
  • 고정할 항목을 변경하실 경우, [해제하기] 버튼을 클릭하여 해제해 주세요.

• 배너

  • 최대 10개의 배너에 강조하고 싶은 이벤트나 콘텐츠 링크를 걸어보세요. 첫 배너는 메인 홈 피드의 최상단에 노출되며, 이후 배너는 최신 글 5개마다 하나씩 노출됩니다.
  • 이미지의 권장 사이즈는 960*960 pixels 이상이며, 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
  • 다국어 추가도 가능합니다. 미등록한 언어의 배너는 기본 언어의 배너로 노출됩니다.
  • 배너에 제목을 추가할 경우, 왼쪽 [제목 추가]를 체크 후, 업로드 된 배너 이미지 위에 보여지는 [제목을 입력해 주세요. (최대 20자)]를 클릭하여 텍스트를 입력해 주세요.
  • 배너 이미지 하단의 버튼으로 제목의 정렬 방식 및 텍스트 색상을 변경할 수 있습니다.
  • 노출 설정
    
    • 즉시 노출 / 예약 노출 / 미노출 / 노출 종료일을 지정할 수 있습니다.
    • 미노출일 경우, 해당 배너가 서비스에 노출되지 않습니다.
    • [노출 종료일 지정]을 활성화한 후, 날짜를 선택하면 선택한 일정에 배너 노출이 종료됩니다.
    • 모든 설정이 완료되면, 우측 상단의 [저장하기]를 클릭해 주세요.

✔️ 배너 순서 조절

• 배너가 2개 이상일 경우, 등록되어 있는 배너에 마우스 오버 시 나타나는 ⁝⁝ 아이콘을 클릭, 드래그하여 순서 변경을 할 수 있습니다.
• 첫 배너는 메인 홈 피드의 최상단에 노출되며, 이후 배너는 최신 글 (유•무료 콘텐츠, 스타 스토리) 5개마다 하나씩 노출됩니다.

✔️ 배너 편집

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

• 스토리

  • 스토리는 스타 계정이 가벼운 성격의 글, 사진, 영상을 업로드해 팬들과 소통할 수 있는 공간이에요. 스토리 메뉴명을 자유롭게 변경해보세요.

• 스타 컬러

  • 클릭 시, 설정 > 디자인 설정 > 컬러 테마로 이동합니다. 컬러 설정은 이 문서를 참고해 주세요.

👉 브랜드 커버

• 스타일

  • 모바일, PC를 각각 선택하여 다른 브랜드 커버 설정이 가능합니다.

• 커버 높이

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

• 배경

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

• 콘텐츠 정렬

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

• 히어로 이미지

  • 브랜드 커버 배경 위(동영상 배경 포함)에 히어로 이미지를 추가할 수 있습니다.
  • [업로드] 버튼을 눌러 직접 업로드하거나, [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개 이상일 경우, 등록되어 있는 버튼에 마우스 오버 시 나타나는 ⁝⁝ 아이콘을 클릭, 드래그하여 순서 변경을 할 수 있습니다.

✔️ 버튼 편집

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