메뉴 디자인 설정

좌측 바의 [디자인] 버튼을 눌러 [메뉴]에 접속한 후 [메뉴 디자인 설정] 버튼을 클릭해 접속할 수 있습니다. [메뉴 디자인 편집]을 통해 타겟 디바이스 별로 템플릿을 설정할 수 있습니다.

메뉴 디자인 편집

타겟 디바이스 선택하기

타겟 디바이스란 채널을 주로 운영하고 싶은 디바이스 종류를 의미합니다. 디바이스 종류로는 데스크탑 웹, 모바일 웹, 안드로이드•IOS와 같은 환경이 있습니다.

• 데스크탑 웹

• 모바일 웹

• 안드로이드•IOS 앱

템플릿 설정

앞서 선택한 환경에서 사용할 템플릿을 선택할 수 있습니다. 오른쪽의 <템플릿 적용 미리보기>를 통해서 적용된 메뉴의 모습을 확인할 수 있습니다.

1. 먼저 템플릿을 변경하고자하는 타겟 디바이스를 선택합니다.

2. 템플릿 설정에서 템플릿을 선택합니다.

   1. [1단 중앙 텍스트형 (100%)] : 메뉴 아이템의 모습이 메뉴 아이템 설정에서 입력한 텍스트 메뉴명으로 1단 중앙 정렬로 표시됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   2. [1단 좌측 텍스트형 (100%)] : 메뉴 아이템의 모습이 메뉴 아이템 설정에서 입력한 텍스트 메뉴명으로 1단 좌측 정렬로 표시됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   3. [1단 좌측 텍스트 및 아이콘 조합형 (100%)] : 왼쪽에는 텍스트형 메뉴로 오른쪽에는 메뉴 아이템 설정에서 입력한 아이콘이나 기본 아이콘 타입으로 표시됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   4. [1단 우측 텍스트 형 (100%)] : 메뉴 아이템의 모습이 메뉴 아이템 설정에서 입력한 텍스트 메뉴명으로 1단 우측 정렬로 표시됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   5. [1단 우측 텍스트 및 아이콘 조합형 (100%)] : 오른쪽에는 텍스트형 메뉴로 왼쪽에는 메뉴 아이템 설정에서 입력한 아이콘이나 기본 아이콘 타입으로 표시됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   6. [1단 중앙 텍스트형 (1400px)] : 메뉴 아이템의 모습이 메뉴 아이템 설정에서 입력한 텍스트 메뉴명으로 1단 중앙 정렬로 표시됩니다. 채널 로고와 텍스트 메뉴명, 시작하기 버튼이 1400px 기준으로 정렬됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   7. [1단 좌측 텍스트형 (1400px)] : 메뉴 아이템의 모습이 메뉴 아이템 설정에서 입력한 텍스트 메뉴명으로 1단 좌측 정렬로 표시됩니다. 채널 로고와 텍스트 메뉴명, 시작하기 버튼이 1400px 기준으로 정렬됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   8. [1단 좌측 텍스트 및 아이콘 조합형 (1400px)] : 왼쪽에는 텍스트형 메뉴로 오른쪽에는 메뉴 아이템 설정에서 입력한 아이콘이나 기본 아이콘 타입으로 표시됩니다. 채널 로고와 텍스트 메뉴명, 시작하기 버튼이 1400px 기준으로 정렬됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   9. [1단 우측 텍스트 형 (1400px)] : 메뉴 아이템의 모습이 메뉴 아이템 설정에서 입력한 텍스트 메뉴명으로 1단 우측 정렬로 표시됩니다. 채널 로고와 텍스트 메뉴명, 시작하기 버튼이 1400px 기준으로 정렬됩니다.

      1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   10. [1단 우측 텍스트 및 아이콘 조합형 (1400px)] : 오른쪽에는 텍스트형 메뉴로 왼쪽에는 메뉴 아이템 설정에서 입력한 아이콘이나 기본 아이콘 타입으로 표시됩니다. 채널 로고와 텍스트 메뉴명, 시작하기 버튼이 1400px 기준으로 정렬됩니다.

       1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

   11. [1단 중앙 로고형] : 로고 중앙 배치형으로, 메뉴 아이템의 텍스트 메뉴명이 로고 양쪽으로 표시됩니다.

       1. 2수준의 메뉴는 상위 아이템 Hover 시 나타납니다.

       2. 가로 1920px 디스플레이 기준으로 1수준 메뉴는 6개까지 지정하는 것을 권장합니다.

메뉴 적용

Primary Menu는 <메뉴 순서 변경>에서 1수준으로 위계가 부여된 메뉴 아이템들을 말하는 것입니다. Secondary Menu는 <메뉴 순서 변경>에서 2수준으로 위계가 부여된 메뉴 아이템들을 말하는 것입니다.

1. Primary Menu에 올 메뉴를 선택하여 줍니다.

2. Secondary Menu에 올 메뉴를 선택하여 줍니다.

3. [게시하기] 버튼을 클릭하여 적용해 줍니다.

4. 타겟 디바이스를 변경하여 다시 1-2번 과정을 반복하여 줍니다.

*[게시하기] 없이 타겟 디바이스를 변경하게 되면 앞서 설정하였던 1-2번의 설정은 저장, 적용되지 않습니다.

읽어보면 좋을 문서

• https://publ.atlassian.net/wiki/spaces/PUBLMANNUAL/pages/2855534760?atlOrigin=eyJpIjoiYjMwNTJlNzY1MGQxNDc4NGJkZDQ4N2VmNTFlMjdmZTEiLCJwIjoiYyJ9

• https://publ.atlassian.net/wiki/spaces/PUBLMANNUAL/pages/3661955241?atlOrigin=eyJpIjoiOTFkZDBlMzIxZDUwNGI2Zjk4NTJmNTRlNGQ0YWU3YTgiLCJwIjoiYyJ9

• https://publ.atlassian.net/wiki/spaces/PUBLMANNUAL/pages/2969010177?atlOrigin=eyJpIjoiY2MyMjFkZjdhYTllNDk1NGFhMGYwYzMwN2I0NTMyZjgiLCJwIjoiYyJ9

추가 도움이 필요하신 가요?

문서를 통해 문제가 해결되지 않았다면, 문의 메일(support@publ.biz)로 메일을 보내주시면 publ 고객팀에서 도와드리겠습니다.