사이트디자인(홈페이지설정)
  • 07 Apr 2022
  • 3 Minutes to read
  • 다크모드
    라이트모드
  • PDF

사이트디자인(홈페이지설정)

  • 다크모드
    라이트모드
  • PDF

로고, 컬러, 푸터와 같이 홈페이지에 노출되는 부분에 대해서 설정을 진행 할 수 있습니다.

암호 변경

  • 서비스를 오픈하기 전까지는, 홈페이지를 비공개 상태로 설정할 수 있습니다.
    • 암호를 입력한 상태에서만 홈페이지를 확인할 수 있도록 [홈페이지 암호]를 설정해주세요.
  • 홈페이지 암호를 설정한 후, 홈페이지 설정을 진행할 수 있습니다. 


서비스 공개

  • 일반설정의 필수항목 설정을 모두 완료하시면, 서비스 공개를 진행할 수 있습니다.
    • 서비스 공개를 진행하기 위해서는 일반 설정을 모두 진행해주세요! 
  • 서비스 공개를 진행하실 경우, 연결하신 도메인 주소로 모든 사람이 접근할 수 있게 됩니다. 


화면 모드

  • 서비스에서 지원할 화면 모드를 선택할 수 있습니다. 서비스의 테마에 어울리는 모드를 선택해주세요.

  • 라이트 모드와 다크모드를 모두 선택하시려면 시스템 설정 모드를 선택해주세요. 
    • 시스템 설정 모드를 선택할 경우, 사용자가 설정한 시스템 디스플레이 설정에 따라 모드가 자동으로 전환됩니다. 
    • 또한, 사용자가 MY메뉴에서 따로 설정도 가능하게 됩니다.
  • 모드 변경은 언제든지 가능하지만, 모드를 변경하게 될 경우 기존에 등록하신 로고 및 컬러의 가독성이 떨어질 수 있으니, 주의해주세요! 


로고 설정

  • 서비스 전반에 노출되는 로고를 가이드에 맞추어 등록해주세요. 
    • 권장 사이즈 가로 600px 이상, 로고 외의 영역은 투명한 PNG파일, 최대 5MB의 파일로 업로드해주세요. 
  • 선택하신 화면 모드에 맞는 로고를 각각 등록해주세요.
    • 미리보기를 통해 라이트모드, 다크모드에서 로고가 어떤 식으로 보이는지 미리 확인할 수 있습니다. 


파비콘 설정

  • 파비콘이란, 웹 브라우저의 주소창에 표시되는 대표 아이콘입니다. 사용자의 시스템 설정에 따라 모드가 달라지므로, 확인 후 적용해주세요.
  • 파비콘을 가이드에 맞추어 등록해주세요. 
    • 권장 사이즈 32*32px, 지원포맷은 PNG, ICO이며, 최대 5MB의 파일로 업로드해주세요. 
    • 파비콘을 PNG로 업로드 시, 일부 환경에서는 보이지 않을 수 있으므로, ICO포맷으로 진행하는 것을 추천합니다. 
  • ICO 파일은 이렇게 만드실 수 있습니다.
    1. 로고가 포함된 정사각형 비율의 이미지 파일(PNG, JPG, GIF)를 준비해주세요.
    2. favicon.io 또는 convertio 에 접속하여 준비한 이미지를 변환해주세요.
    3. 다운받은 ICO 파일을 업로드하고, 잘 나오는지 확인해주세요.


푸터 설정

대한민국을 기준으로 사이트 하단(푸터)에는 법적 필수정보인 사업자 정보, 이용약관, 개인정보처리방침을 고지해야 합니다.
하단의 내용을 참고하여 사업자의 유형 및 커머스 이용 여부에 맞게 기입하여 주시기 바랍니다.

이를 위반해서 위의 표시사항을 표시하지 않으면 공정거래위원회로부터 시정조치명령·과징금처분 및 영업정지명령을 받게 될 수 있으며(규제「전자상거래 등에서의 소비자보호에 관한 법률」 제32조제1항제1호·제4항 및 제34조제1항), 500만원 이하의 과태료가 부과됩니다(「전자상거래 등에서의 소비자보호에 관한 법률」 제45조제4항제2호).

* 푸터설정은 관리자 페이지 [Settings > 홈페이지 설정> 푸터> 푸터설정]을 통해 법적 필수 정보를 추가할 수 있습니다. 또한, 사업자의 유형 및 커머스 이용 여부에 따라 푸터에 노출해야 하는 사항에 차이가 있습니다. 아래를 참고하시어 알맞게 작성하여 주시기 바랍니다.


▶대한민국 사업자

  • 상호명: {사업자명}
  • 대표자: {대표자 성} {대표자 이름}
  • 개인정보보호책임자:
  • 사업자등록번호: {사업자 등록 번호}
  • 통신판매업(커머스오픈시): 
  • 주소: {주소}
  • 이메일: 
  • 고객센터 전화번호:
  • 호스팅서비스제공자(커머스오픈시): (주)비마이프렌즈
  • Ⓒ {해당년도}. {사업자명} Inc. All right reserved.

▶대한민국 비사업자

  • 상호명: {사업자명}
  • 대표자: {대표자 성} {대표자 이름}
  • 사업자등록번호: {사업자 등록 번호}
  • 주소: {주소}
  • 이메일:
  • 호스팅서비스제공자(커머스오픈시): (주)비마이프렌즈
  • Ⓒ {해당년도}. {사업자명} Inc. All right reserved.


  • 푸터에 노출되는 사업자 정보, 약관, 추가항목을 편집할 수 있습니다.  
  • 서비스 언어를 1개 이상 선택하신 경우, 모든 입력칸에 해당 언어로 작성해주세요. 미입력시 기본언어로 노출됩니다. 


푸터 > 사업자 정보 설정

  • 사업자 정보는 홈페이지 하단에 필수로 노출되어야 하는 법적 필수 정보이므로, 반드시 확인해주세요! 
  • [기본 설정에서 입력한 정보 불러오기]를 클릭하시면, 기본설정에서 입력하신 내용이 자동으로 적용되며, 대한민국 사업자가 커머스를 운영할 경우 이메일, 통신판매업, 개인정보보호책임자, 고객센터 전화번호, 호스팅서비스제공자의 내용을 추가적으로 기입하셔야 합니다. 내용을 추가하실 때에는 텍스트로 추가 기입이 가능 합니다. [기본 설정에서 입력한 정보 불러오기]를 클릭하시면, 기존에 기입하여 놓은 모든 내용이 리셋되오니 주의하여 주시기 바랍니다.

 

푸터 > 약관 설정

  • 국가별 필수로 고지해야하는 약관이 있으니 [이용약관], [개인정보처리방침] 등을 참고하여 등록해주세요. 대한민국 법인의 경우, [이용약관] 및 [개인정보처리방침]은 필수로 노출해야 합니다. 
  • 마우스를 드래그 앤 드롭하여, 약관의 노출 순서를 변경할 수 있습니다. 약관을 추가하거나, 약관 내용의 수정이 필요할 경우, 일반설정 > 법규/약관 메뉴에서 진행해주세요. 
  • b.stage에서는 고객님의 편의를 위하여, 법적 자문을 구한 [이용약관] 및 [개인정보처리방침]에 대한 내용을 템플릿으로 제공 하고 있습니다. 비어 있는 공간은 고객님의 정보를 추가적으로 기입하여 주시되, 법적 근거 없이  [이용약관] 및 [개인정보처리방침]을 수정하시는 경우 분쟁이 발생할 수 있음을 알려드립니다.

 

푸터 > 추가 항목

  • 추가 항목의 [항목 추가하기] 버튼을 클릭하여 고객센터 정보, 이용가이드 등 사업자 정보, 약관 이외에 푸터에 추가적으로 노출하고자 하는 정보를 등록할 수 있습니다. 
  • 서비스 언어가 1개 이상인 경우, 탭을 변경하여 언어별로 등록하실 수 있습니다. 
  • 기본언어는 필수적으로 입력해주세요. 기본언어 외 서비스 언어를 미 입력할 경우, 기본언어로 모두 노출됩니다. 
  • 마우스를 드래그 앤 드롭하여, 추가한 항목의 노출 순서를 변경할 수 있습니다. 

 

홈페이지 기본 정보

  • 홈페이지의 타이틀과, 검색엔진에서 홈페이지를 검색할 때 노출되는 설명 및 이미지를 설정할 수 있습니다. 
  • 타이틀은 웹 브라우저 상단 탭에 노출되는 제목이므로 너무 길지 않게 작성하는 것이 좋습니다.
  • 상세 정보 또한 검색 엔진에서 노출되거나, SNS에 공유했을 때 노출되는 설명이므로, 간략하게 핵심만 작성하는 것을 추천합니다.
    • 상세 정보를 입력하시면 검색엔진 결과 노출에 보다 유리합니다.
  • SNS 공유 시 대표로 노출되는 이미지를 등록해주세요. 미 등록 시 빈 화면으로 공유됩니다.
    • 이미지의 권장사이즈는 1200*630px 이며, 지원포맷은 JPG, PNG, 최대 5MB의 파일로 업로드해주세요.