Search

온라인교육 T, 메뉴구성하기 (Main노출)

사용자가 제일 먼저 마주하는 Main화면의 구성을 관리자가 임의대로 지정할 수 있습니다.
온라인교육 템플릿에서는
1-2-3depth 구조의 메뉴를 구성할 수 있습니다.
3depth 메뉴안에는 다수의 콘텐츠를 배치할수 있으며
배치된 콘텐츠는 해당 메뉴 or 메인페이지에도 노출시킬수 있습니다.
메인페이지 노출시 카드(Card) 또는 그리드(Grid) 형태로 선택적 구성이 가능하고
그리드 형식의 콘텐츠는 등록된 메타데이터(공통코드) 기반 필터로 동작합니다
상단 : 카드(Card)스타일의 콘텐츠 노출 / 하단 : 그리드(Grid)스타일의 콘텐츠 노출

메뉴 구성하기

1-2-3depth 메뉴를 구성하기 위해서는 메뉴폴더로 이동한 후, 폴더 상위의 에 추가 버튼을 클릭하고 메뉴를 추가하면 1depth 메뉴가 생성됩니다. 같은 방법으로 2depth, 3depth 메뉴를 구성할 수 있습니다.
1,2depth 메뉴는 상위, 하위분류 역할
콘텐츠 게시는 3depth 메뉴에서만 가능
위 화면의 커서 위치를 메뉴구조로 풀어보면 1depth : Oxyfacial - 2depth : Equipment - 3depth : HiFULDM

1-2depth 메뉴 설정하기

1-2depth 메뉴에서는 설정에 들어가면
해당메뉴의 콘텐츠를 노출할지, 헤더 (사용자화면 상단) 노출할지 체크표시할수 있고
메뉴명을 수정할수 있고
해당메뉴의 타입을 확인할수 있습니다. 수정은 할수없음
메인화면에 구성할지 활성화 할수 있고
OTT메뉴에 사용할 고유의 아이콘을 부여할수도 있음
1-2depth 메뉴에서만 제공하는 설정창
1-2-3depth 구성된 예시로 헤더영역에 노출된것을 확인할수 있다

3depth 메뉴 설정하기

콘텐츠를 포함하는 3depth 메뉴는 한가지 더 설정할수있습니다.
메인화면에 노출할지를 선택하는 설정으로
배치방식을 카드(Card)와 그리드(Grid)중 하나 선택할수 있으며
메뉴명 앞에 노출할 아이콘이미지를 직접 등록할수도 있습니다.
메인리스트을 사전에 설정해놓으면 신규 콘텐츠 업데이트시 자동으로 메인에 Update되는 효과 제공한다

사용자 화면 확인하기

메인리스트 구성을 마친 콘텐츠는 사용자 메인페이지에서 바로 확인이 가능합니다.
그리드스타일은 콘텐츠에 포함된 공통코드를 태그처럼 같이 표시하는데 필터처럼 활용할수있고 마우스 오버시 콘텐츠타이틀과 공통코드(태그)를 보여준다
그리드스타일 2*4 콘텐츠 노출되며 카드스타일은 6개까지 노출된다
그리드스타일은 PC서비스 사용자 많은경우 다양한 연출위해 적합하다
익숙한 SNS 타입의 카드스타일은 공통코드가 상시 노출되며 좌 우 슬라이드를 통해 콘텐츠를 탐색할 수 있다.