홈페이지 디자인
Last updated
Last updated
스튜디오의 홈페이지 디자인 기능을 통해 운영하고 싶은 홈페이지의 성격에 맞게 메뉴를 구성하고 편집할 수 있어요. 세부 기능에는 어떤 것들이 있는지 알아볼게요. 😉
홈페이지의 브랜드 컬러를 설정하고, 내 홈페이지의 아이덴티티를 한층 강화해 보세요.
해당 버튼을 클릭해 원하는 컬러를 설정할 수 있어요.
컬러와 투명도 등 원하는 컬러에 맞게 자유롭게 설정해 주세요.
단, 너무 밝은 색으로 지정할 시 일부 버튼이 잘 보이지 않을 수 있어요.
홈페이지의 기본 상단 메뉴는 홈, 클래스, 커뮤니티, 공지사항 으로 되어 있어요.
각 기본 상단 메뉴의 이름은 변경이 가능하고 기본 상단 메뉴는 노출 여부를 변경할 수 없어요.
기본 상단 메뉴 외에도 상단 메뉴를 추가할 수 있어요.
상단 메뉴에 표시될 로고와 배경색을 선택할 수 있으며 상단 메뉴간의 순서를 조정할 수 있어요.
추가 상단 메뉴에는 하위 메뉴를 추가할 수도 있어요.
하위 메뉴는 최대 12개까지 추가할 수 있으며, 하위 메뉴의 노출 여부와 순서를 지정할 수 있어요.
하위 메뉴는 ‘섹션 추가하기’를 통해 다양한 섹션을 추가하고 페이지를 구성할 수 있어요.
할 수 있는 섹션에는 배너, 텍스트, 이미지, 클래스, 동영상, 공지사항, 수강후기, 교재/교구 등이 있어요.
원하는 섹션 선택 후, 각 섹션 별 설정이 가능하며 자세한 내용은 아래를 참고해 주세요.
각 상단 메뉴는 헤더 이미지 사용 여부를 설정하고, 헤더 이미지를 업로드할 수 있어요.
sns형, 리스트형 중에서 원하는 레이아웃으로 스타일을 변경할 수 있어요.
기본 상단 메뉴 중 '홈' 메뉴 페이지와 하위 메뉴의 페이지에는 여러 섹션을 조합해 구성할 수 있어요. 추가한 섹션 순서 변경도 가능해요.
배너는 3가지 세부 디자인 스타일중에서 선택해서 추가할 수 있어요.
배너의 디자인 스타일은 이후 편집 화면에서 변경할 수도 있어요.
배너의 디자인 스타일, 배경색, 이미지, 텍스트 및 버튼 정렬 등 설정을 변경해서 원하는 배너를 추가해 보세요.
배너는 3가지 세부 디자인 스타일 중에서 선택해서 추가할 수 있어요.
배너의 디자인 스타일은 이후 편집 화면에서 변경할 수도 있어요.
슬라이드가 되는 시간 설정을 할 수 있으며, 배너는 최대 4개까지 추가할 수 있어요.
배너 추가하기 버튼을 통해 배너를 추가해 주세요.
텍스트는 4가지 세부 디자인 스타일 중에서 선택해서 추가할 수 있어요.
텍스트의 디자인 스타일은 이후 편집 화면에서 변경할 수도 있어요.
텍스트 섹션의 배경색과 정렬 기준, 추가한 텍스트의 순서를 설정할 수 있어요.
추가한 텍스트의 개수에 따라 텍스트 섹션의 디자인 스타일이 달라지니 참고해 주세요.
텍스트의 제목과 내용을 입력할 수 있으며, 특정 페이지로 이동 가능한 버튼을 둘 수도 있어요.
이미지는 3가지 세부 이미지 카드 디자인 스타일 중에서 선택해서 추가할 수 있어요.
이미지의 카드 디자인 스타일은 이후 편집 화면에서 변경할 수도 있어요.
이미지의 카드 디자인 스타일, 텍스트 정렬 기준, 배경색, 이미지 나열 방식 등을 선택할 수 있어요.
추가한 이미지의 개수에 따라 이미지 섹션의 디자인 스타일이 달라지니 참고해 주세요.
이미지 카드에 표시될 제목과 내용을 입력할 수 있으며, 특정 페이지로 이동 가능한 버튼을 둘 수도 있어요.
슬라이드 이미지는 이미지 섹션을 슬라이드형으로 추가할 수 있는 섹션이에요.
섹션의 제목과 내용, 배경색, 슬라이드 시간 등을 설정할 수 있어요.
이미지는 최대 20개까지 추가할 수 있어요.
이미지에는 특정 페이지로 이동 가능한 버튼을 둘 수도 있어요.
클래스 섹션은 내 홈페이지에 등록된 클래스 중 노출하고 싶은 클래스를 골라 구성할 수 있어요.
섹션의 제목과 내용, 배경색, 클래스 나열 형태 등을 설정할 수 있어요.
클래스 나열 형태가 고정형인 경우, 최대 4개까지 추가할 수 있으며, 슬라이드형인 경우 최대 12개까지 추가할 수 있어요.
클래스는 전체회원을 대상으로 공개된 클래스만 선택할 수 있어요.
동영상 섹션은 페이지에서 재생될 동영상을 추가할 수 있어요.
섹션의 제목과 내용, 배경색 등을 설정할 수 있어요.
동영상은 최대 4개까지 추가할 수 있어요.
재생 전 표시될 썸네일 이미지도 추가할 수 있어요.
2가지 세부 디자인 스타일 중에서 선택해서 추가할 수 있어요.
지도/연락처의 디자인 스타일은 이후 편집 화면에서 변경할 수도 있어요.
디자인 스타일, 텍스트 정렬 기준, 배경색 등을 선택할 수 있어요.
주소는 위치 선택 후, 상세주소까지 작성해 주세요.
2가지 세부 디자인 스타일 중에서 선택해서 추가할 수 있어요.
공지사항의 디자인 스타일은 이후 편집 화면에서 변경할 수도 있어요.
디자인 스타일, 텍스트 정렬 기준, 배경색 등을 설정할 수 있어요.
디자인 스타일 중, 나열형의 경우 슬라이드 시간도 설정할 수 있어요.
공지사항은 최대 5개까지 추가할 수 있어요.
가지 세부 디자인 스타일 중에서 선택해서 추가할 수 있어요.
수강후기 디자인 스타일은 이후 편집 화면에서 변경할 수도 있어요.
텍스트 정렬 기준, 배경색 등을 설정할 수 있어요.
수강후기는 최근 수강후기가 노출되며, 선택한 개수에 따라 디자인 스타일이 달라지니 참고해 주세요.
교재/교구 섹션은 내 홈페이지에 등록된 교재/교구 중 노출하고 싶은 교재/교구를 골라 구성할 수 있어요.
텍스트 정렬 기준, 배경색 등을 설정할 수 있어요.
교재/교구 나열 방식은 고정형과 슬라이드형이 있으며 고정형은 최대 4개까지 추가할 수 있으며 슬라이드형은 12개까지 추가할 수 있어요.
교재/교구는 전체회원을 대상으로 공개된 교재/교구만 선택할 수 있어요.
코드 블럭 섹션을 통해 코드를 삽입하여 내 홈페이지를 더 다양하고 알차게 구성할 수 있어요.
코드를 통해 위젯을 추가하거나 마케팅 도구 삽입 등 다양하게 활용해 보세요.
잘못된 코드를 삽입할 시에는 정상적으로 작동하지 않으니 유의해 주세요.
푸터는 홈페이지 맨 하단에 표시되는 영역으로, 사업자 정보가 표시되는 부분이에요.
배경색과 정렬 기준 등을 설정할 수 있으며, 사업자 정보의 경우 회사명, 대표명, 사업자 등록번호, 통신판매업 신고번호, 학원설립·운영등록번호를 입력할 수 있어요.
필요에 따라 대표명과 사업자 등록번호는 노출되지 않도록 설정할 수 있어요.
푸터 설정을 하면 위와 같이 정보가 보여져요.
토스 PG를 연결한 홈페이지의 경우 에스크로 서비스 로고와 서비스 가입 확인을 나타내는 링크로 이동하는 버튼 또한 노출돼요.
