위멘토 사용가이드


포토샵을 못해도 코딩을 못해도 쉽고 간편하게 관리 해보세요

위멘토 사용 가이드

가이드 137

메뉴 설정에서 첫 번째 하위 메뉴로 이동 옵션 활성화 

또는 링크가 적용 되어 편집이 제한된 경우




'메뉴 설정에서 첫 번째 하위 메뉴로 이동 옵션 활성화 또는 링크가 적용 되어 편집이 제한'되었다는 메시지는 다음과 같은 2가지 설정들로 인해 나타납니다.


1) 메뉴에 [접근 시 하위 첫 번째 메뉴로 이동] 옵션이 활성화 된 경우

'접근 시 하위 첫 번째 메뉴로 이동' 옵션을 활성화 또는 비활성화 하는 방법은 다음 가이드를 확인 해주시길 바랍니다.
메뉴 클릭시 하위 첫 번째 메뉴로 이동시키기


2) 메뉴에 [링크]가 걸린 경우

상단 메뉴에 링크를 걸거나 끊는 방법은 다음 가이드를 확인 해주시길 바랍니다.

상단 메뉴 / 하단 메뉴 링크 걸기



방문자가 웹사이트의 상단 또는 하단 메뉴를 클릭했을 때, 해당 메뉴로 이동하지 않고, 외부 사이트로 이동하거나 파일을 내려받을 수 있도록 링크를 설정할 수 있습니다.

예를 들어, "회사소개서" 상단 메뉴를 클릭하면 PDF 문서가 다운로드 되거나, 페이스북 페이지 등으로 이동하도록 링크를 걸 수 있습니다.


참고: 이 작업을 수행하면, 해당 메뉴는 사용자가 설정한 링크로 이동하거나 기타 다른 작업을 수행하게 되므로 페이지 편집이 제한됩니다. 페이지 편집 제한을 풀려면, 제한 경고 메시지의 링크 해제하고 편집하기를 클릭하거나, 메뉴 설정에서 삽입한 메뉴 링크를 삭제하면 됩니다.



설정방법

  1. 디자인 모드에 접속합니다. 
  2. 디자인 모드 왼쪽 상단 메뉴 관리 ≡ 를 클릭합니다.
  3. 링크를 걸 메뉴명 오른쪽 끝의 ⓘ 아이콘을 클릭합니다.
  4. 메뉴 링크 항목에서 링크 타입을 링크로 지정하고, 오른쪽 주소 입력칸에 http:// 또는 https:// 로 시작하는 링크 URL(주소)를 입력합니다.
    참고: 링크 타입에는 링크 외에도 전화걸기, 파일첨부, 즐겨찾기 등 다양합니다. 모든 링크 타입은 링크 타입의 종류 도움말을 참고할 수 있습니다.
  5. (선택 사항) 새창 옵션을 선택하면 새 브라우저 탭으로 링크가 열립니다.
  6. 메뉴 설정 창 바깥 영역을 클릭해 설정을 완료합니다.
  7. 디자인 모드 오른쪽 상단 미리보기  아이콘을 클릭해 확인합니다.
  8. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.




상단 메뉴를 클릭해도 이동되지 않도록 설정하기




다음 그림처럼 그룹 메뉴 구성 후, 상위 메뉴(COMMUNITY) 클릭 시 어떤 메뉴로도 이동하지 않게 설정하려면 다음 방법을 사용해볼 수 있습니다.

참조 : 다음 샘플 사이트에서 COMMUNITY 클릭해보세요.

메뉴 이동이 일어나지 않는 걸 확인할 수 있습니다.


설정 방법

  1. 디자인 모드에 접속합니다.
  2. 왼쪽 상단 메뉴 관리를 클릭합니다.
  3. 상단 메뉴 오른쪽 끝에 있는 ⓘ를 클릭해 메뉴 설정을 엽니다. 예시 : 위 그림을 예로 들면 COMMUNITY 메뉴의 설정을 엽니다.
  4. 메뉴 링크항목에서 다음 두 가지를 확인합니다.
    • 접근시 첫 번째 하위메뉴로 이동 옵션을 해제합니다.
    • 링크 방식을 코드로 선택하고, 우측 공란에 void(0); 를 입력합니다.

  5. 디자인 모드 오른쪽 미리보기를 클릭해 확인 후 웹에 게시합니다.



일반 메뉴와 쇼핑 메뉴의 차이점



일반 메뉴

사이트 제작 시 가장 기본이 되는 메뉴(페이지)입니다.

  1. 메뉴 관리에서 메뉴를 추가하고 다양한 위젯을 삽입하여 자유롭게 페이지를 꾸밀 수 있습니다.
  2. 메뉴 설정을 열어 해당 메뉴의 이름, URL, 페이지 제목 및 설명, 접근 권한 외 각종 옵션 변경이 가능합니다.


쇼핑 메뉴

일반 메뉴에 쇼핑 위젯을 추가하고 상품 카테고리가 연동된 메뉴입니다.

  1. 쇼핑 메뉴는 먼저 일반 메뉴를 추가하고 쇼핑 위젯을 추가해야 구성됩니다. 쇼핑 위젯 추가 즉시 쇼핑에 필요한 필수 구성요소 및 메뉴들이 자동 생성됩니다.
    참고 : 메뉴 관리를 열면 글로벌 메뉴 항목에 상품 상세페이지, 마이페이지, 장바구니 메뉴가 추가된 것을 확인할 수 있습니다.
  2. 쇼핑 메뉴 아래 상품 카테고리관리자 메뉴 [쇼핑 - 상품 관리]에서 추가하고 구성할 수 있습니다. 이후 디자인 모드에서 쇼핑 위젯에 표시할 상품 카테고리를 연동해야 상품이 표시됩니다. 단, 아직 상품을 업로드하지 않았거나, 아무런 상품이 없는 상품 카테고리를 연동한 경우 쇼핑 위젯에 상품이 표시되지 않을 수 있습니다.

  3. 쇼핑 메뉴 아래 하위 메뉴들은 일반 메뉴가 아닌 연동하신 상품 카테고리들이며 회색 글자로 표시됩니다.
    상품 카테고리들은 메뉴 설정을 열거나 다른 메뉴의 하위 메뉴로 이동할 수 없습니다. 상품 카테고리의 순서 및 구성을 변경하려면 상품 카테고리 관리에서 변경해야 합니다.



메뉴 상단 숨김



페이지의 상단(헤더) 섹션을 숨길 수 있습니다. 

상단에는 로고, 메뉴바, 로그인/가입 버튼 등 중요 메뉴가 표시되지만 랜딩페이지, 이벤트 페이지 제작 등의 이유로 상단을 숨겨야 한다면 다음 방법을 사용해보시길 바랍니다.


상단 숨김 방법

  1. 디자인 모드에 접속합니다.
  2. 왼쪽 상단 메뉴 관리를 클릭합니다.

  3. 상단을 숨기려는 메뉴의 설정을 켭니다.

    메뉴 설정 열기 도움말 >

  4. 상단 숨김 옵션을 체크합니다.

상단을 다시 표시하려면,

위 4단계에서 체크한 상단 숨김 옵션을 해제합니다.




 메뉴 하단 숨김



하단(푸터)에는 상호, 대표자명, 사업자등록번호와 같은 사이트 정보가 표시되며, 네이버페이와 같은 서비스를 이용하는 경우 필수로 표시되어야 합니다. 

단, 어떤 이유로 하단을 숨겨야 하는 경우 다음 방법을 확인해보시길 바랍니다.


하단 숨김 방법

  1. 디자인 모드에 접속합니다.
  2. 왼쪽 상단 메뉴 관리를 클릭합니다.

  3. 하단을 숨기려는 메뉴의 설정을 켭니다.

    메뉴 설정 열기 도움말 >

  4. 하단 숨김 옵션을 체크합니다.

하단을 다시 표시하려면,

  • 위 4단계에서 체크한 하단 숨김 옵션을 해제합니다.



그룹 메뉴 만들기



여러 개 메뉴를 상위 메뉴, 하위 메뉴로 그룹화 시킬 수 있습니다.

하위 메뉴는 최대 세 단계까지 구성할 수 있습니다.

* 참조 : 모달 메뉴는 그룹화 시킬 수 없습니다. 


메뉴 그룹화 방법

  1. 디자인모드 왼쪽 상단 메뉴 관리를 클릭합니다.
  2. 하위 그룹으로 구성할 메뉴를 마우스로 클릭하고 드래그합니다.
  3. 상위 메뉴로 구성할 메뉴명 왼쪽에 화살표가 표시되면 마우스를 놓습니다.
  4. 같은 방식으로 메뉴를 추가 이동합니다.

  5. 의도한대로 그룹화 되었는지 마우스를 대고 확인합니다.

메인페이지 변경 방법 (홈 지정 메뉴 변경)



메인페이지란?

사이트 접속 시 나타나는 첫 페이지 말합니다.

메인페이지 또는 메뉴이라고도 부르며, 

대다수의 웹사이트는 상단 메뉴 로고를 클릭하거나 HOME 메뉴(제공하는 경우)를 클릭하면 메인페이지로 돌아가는 구조를 가지고 있습니다.


내 사이트 메인페이지를 변경하려면?

디자인 모드, 메뉴 관리에서 언제든 메인페이지를 변경할 수 있습니다.

  1. 디자인 모드에 접속합니다.
  2. 왼쪽 상단 메뉴 관리   를 클릭합니다.
  3. 다음 그림처럼 제작한 메인페이지 메뉴를, 상단 메뉴 최상단으로 이동시킵니다.
    *주의 : 하단 메뉴가 아닌 상단 메뉴 최상단에 위치해야 합니다.

  4. 기존 메인 페이지는 삭제합니다.

특정 메뉴의 반복 섹션 숨김 처리하기



섹션 반복 기능을 활용하면, 모든 메뉴마다 페이지 하단에 같은 디자인의 섹션이 표시되도록 설정할 수 있습니다. 

다만 특정 메뉴에서는 반복 섹션이 나오지 않도록 숨김 처리해야 하는 경우 다음 방법을 참조할 수 있습니다.


반복 섹션 숨김 방법

  1. 디자인 모드에 접속합니다.
  2. 왼쪽 상단 메뉴 관리를 클릭합니다.
  3. 반복 섹션을 해제할 메뉴에 마우스 오른쪽 버튼을 클릭합니다.
  4. 메뉴 설정을 클릭합니다.

  5. 옵션 항목에서 반복 섹션 숨김을 체크합니다.

  6. 옵션을 체크한 메뉴의 반복 섹션이 숨겨집니다.
  7. (선택 사항) 반복 섹션을 숨겨야 하는 모든 메뉴에 반복 섹션 숨김 옵션을 체크합니다.



세로형 사이드 메뉴 만들기



메뉴 리스트 위젯을 사용해 사이트의 왼쪽 또는 오른쪽에 세로형 사이드 메뉴를 추가할 수 있습니다.

본 튜토리얼을 통해 사이드 메뉴 제작법을 배워보세요.

이후 상단 메뉴를 숨길 필요가 있다면 본 튜토리얼  마지막 추가 정보를 확인해주세요.

아임웹 Our-mind 템플릿


제작방법

1단계, 메뉴 추가하기
  1. 디자인 모드에 접속합니다.
  2. 왼쪽 상단 메뉴 관리  를 클릭합니다.
  3. 상단 메뉴 오른쪽 끝 ⨁를 클릭합니다.
  4. 메뉴명을 작성하고 확인을 클릭합니다. 예시) 홈
  5. (선택 사항) 같은 방법으로 메뉴를 더 추가합니다.
    예시) 제품, 문의게시판, 회사소개


2단계, 세로 메뉴 만들기
  1. 빈 메뉴에 메뉴 리스트 위젯을 추가합니다.

  2. 추가한 위젯에 마우스를 올리고 마우스 오른쪽 버튼을 클릭합니다.
  3. 메뉴 리스트 위젯 설정(메뉴/카테고리 설정)을 엽니다.
  4. 다른 스타일을 클릭합니다.
  5. 세로 메뉴 스타일을 선택합니다.

  6. 기준 위치 기본값은 현재 메뉴입니다. 현재 메뉴의 하위 메뉴들이 표시되며, 하위 메뉴가 없는 경우 형제 메뉴들로 구성되어 표시됩니다.

  7. (선택 사항) 메뉴 텍스트의 크기, 색상, 간격을 수정합니다.
    참고 : 하단 옵션은 선택하신 메뉴 리스트 스타일에 따라 조금씩 달라집니다.


3단계, 섹션 사이드 나누기
  1. 빈 공간에 마우스 오른쪽 버튼을 클릭합니다.
  2. 보조 메뉴가 나타나면 섹션 설정을 클릭합니다.
  3. 사이드를 선택합니다.

  4. (선택 사항) 본문과 사이드 간의 간격을 설정합니다.

  5. (선택 사항) 섹션 사이드 고정을 사용하는 경우 체크합니다.
    참고 : 섹션 사이드 영역을 마우스 스크롤을 통해 벗어나더라도 메뉴 리스트가 사라지지 않고 상단에 고정됩니다. 섹션 사이드 고정은 해당 섹션 내에서만 유지됩니다.


4단계, 본문 콘텐츠 추가하기
  1. 메뉴 리스트 위젯을 클릭하고 드래그하여 섹션 사이드로 이동시킵니다.
    참고 : 메뉴 리스트 위치가 틀어지는 경우 새로고침(F5)를 눌러주세요.

  2. 섹션 본문에 관련 콘텐츠를 추가하고 디자인합니다.


(선택 사항) 5단계, 섹션 복제 및 추가 메뉴 만들기
  1. 사이드가 나눠진 섹션의 빈 공간에 마우스 오른쪽 버튼을 클릭하고 섹션 복사를 클릭합니다.
  2. 위 1단계에서 추가한 메뉴 중 다른 메뉴로 이동합니다.
  3. 빈 메뉴에 마우스 오른쪽 버튼을 클릭하고 섹션 붙여넣기를 클릭합니다.
  4. 섹션 본문을 해당 메뉴에 맞게 콘텐츠를 수정합니다.
  5. 같은 방법으로 나머지 메뉴에도 사이드 메뉴를 추가합니다.


(선택 사항) 6단계, 상단 메뉴 숨기기

메인 메뉴를 사이드에 표시하는 경우 상단에 위치한 메뉴는 숨겨야 할 수 있습니다.  상단 메뉴를 숨기는 방법은 다음 도움말을 참조해주세요.




INFORMATION


상호명 : (주)위멘토


사업자등록번호 : 506-87-00931

통신판매업번호 : 제2022-서울강서-1096호 

고객센터 : 1800-2142 ∣ 이메일 : sales@wemento.kr

대표자 : 김성진 ∣ 개인정보책임자 :김성진

주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호

호스팅주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호


© BYULZZI Corp. All Rights Reserved. hosting by byulzzi