카테고리
메뉴 만들기
메뉴 관리 열기
메뉴 관리에서 웹사이트 제작에 필요한 모든 메뉴(페이지)를 추가하거나 삭제, 설정할 수 있습니다. 메뉴 관리 열기 1단계, 디자인 모드에 접속합니다.(관리자 모드 > 왼쪽 윗부분의 디자인 모드 클릭)2단계, 왼쪽 윗부분의 삼선 아이콘 모양 메뉴 관리를 클릭하여 열수 있습니다. 참고상품 상세페이지, 예약 상세페이지, 장바구니, 마이페이지, 로그인/가입 메뉴는 쇼핑 또는 예약 위젯이 1개 이상 추가된 이후 생성됩니다.메뉴 추가하기
메뉴를 추가하기 위해서는 디자인 모드에서 왼쪽 윗부분의 ≡ 버튼을 누릅니다. 메뉴 추가 버튼 ⊕ 을 누르고 메뉴명을 입력하면 메뉴가 생성됩니다. 생성된 메뉴는 드래그하여 이동시킬 수 있습니다. 드래그하여 하위에 속한 메뉴로 만들 수도 있습니다. 메뉴명 변경 및 삭제 메뉴명을 변경하거나 삭제하려면 메뉴관리에서 ⓘ 버튼을 누릅니다.메뉴(페이지) 복제하기
메뉴복제는 왼쪽 상단에 메뉴관리에서 작업할 수 있습니다. 복사를 원하는 메뉴에 마우스 우클릭 후 메뉴 복제를 선택해주세요.복제하려는 메뉴와 동일한 디자인으로 새로운 메뉴를 개설할 수 있습니다. 단, 디자인 외의 DB요소는 복제가 되지 않기 때문에 위젯 추가 및 연동 작업을 한 번 더 해주어야 합니다.사이트와 페이지의 대표 이미지 바꾸기
사이트의 대표 이미지와 메뉴(페이지)별 대표 이미지를 바꿀 수 있습니다. 사이트 대표 이미지 바꾸기 카카오톡이나 Facebook 등에 내 사이트를 링크시 함께 출력될 이미지를 설정합니다. - 관리자 모드 > 환경설정 > 기본 설정 > 대표 이미지 > PNG 파일 업로드 를 클릭합니다. - 권장 해상도: 1200x630 / 최소 해상도: 200x200 / PNG 메뉴(페이지) 대표 이미지 바꾸기 페이지에 한해 검색엔진 또는 각종 리크시 표시될 대표 이미지를 별도로 설정합니다. Facebook, 카카오톡, 네이버 블로그 등에 이 페이지 URL을 공유할 때 업로드한 이미지가 함께 표시됩니다. 이미지를 등록하지 않으면 환경설정 > 기본 설정에 등록한 (사이트) 대표 이미지가 표시됩니다. - 디자인 모드 > (왼쪽 윗부분) 메뉴 관리 를 클릭합니다. - 대표 이미지를 넣고자 하는 메뉴를 우클릭하여 메뉴 설정 을 클릭합니다. - 메뉴 설정 창에서 메뉴 대표 이미지로 이용할 이미지를 업로드합니다지금 화면에서 보고 있는 메뉴(페이지)를 강조하고 싶어요
내 사이트의 메뉴 활성화 스타일을 변경할 수 있습니다. 1. 내 사이트의 디자인 모드에 접속합니다. 2. 변경하고자 하는 상단 메뉴에서 오른쪽 윗부분의 상단 설정을 누릅니다. 3. 메뉴명이 나타나는 곳을 우클릭하여 메뉴설정을 누릅니다. 4. 오른쪽에 나타난 사이드 바에서 활성화 스타일을 선택합니다. 5. 원하는 색상/메뉴 간격 등을 설정합니다.6. 사이드 바의 바깥 영역을 눌러 사이드바를 벗어난 뒤 게시하기를 눌러 저장합니다. 7. 미리보기(게시하기 왼쪽 아이콘)에서 활성화되는 형태를 확인할 수 있습니다.메인페이지 변경 방법 (홈 메뉴 변경하기)
메인페이지란? 사이트 접속 시 나타나는 첫 페이지 말합니다. 메인페이지 또는 홈 메뉴이라고도 부르며, 예시로 https://campaignus.do 로 접속 시 캠페이너스 메인페이지가 나타나는 걸 보실 수 있습니다. 대다수의 웹사이트는 상단 메뉴 로고를 클릭하거나 HOME 메뉴(제공하는 경우)를 클릭하면 메인페이지로 돌아가는 구조를 가지고 있습니다. 메인페이지 설정방법 1. 디자인 모드에 접속합니다 2. 왼쪽 상단 메뉴 관리를 클릭합니다 3. (선택 사항) 기존 메인페이지를 수정해 사용하거나, 보관하려는 경우 해당 메뉴를 복제해둡니다. 메뉴 복제방법 4. 메인페이지 메뉴를 마우스 클릭 후 위로 드래그하여 최상단으로 이동시킵니다.주의: 하단 메뉴가 아닌 상단 메뉴의 최상단에 위치해야 합니다.메뉴리스트 위젯을 활용하여 페이지 일부분만 변경하기
시작에 앞서페이지의 일부분만 하위(서브)메뉴에 따라 변경되도록 사용해야할 경우가 있을 수 있습니다. 이를 위해 메뉴리스트 위젯을 활용하는 방법을 알아보겠습니다. 기능 미리보기1) 메뉴리스트 이용 예시 보기에 접속하여, 페이지 가운데에 있는 [해석], [권한], [의무] 버튼을 눌러보세요.2) 페이지 디자인의 대부분은 그대로 있고, [해석], [권한], [의무]의 내용만 바뀌는 것을 확인할 수 있습니다. 하위메뉴에 메뉴리스트 위젯을 활용할 수 있도록 제작방법을 순서대로 알아보겠습니다. 1. 하위메뉴 만들기 - 상위메뉴를 만들고 메뉴 복제를 이용하여 똑같은 디자인의 하위메뉴들을 만듭니다. - 메뉴를 드래그하여 하위메뉴 위치로 옮깁니다. 하위 메뉴 만드는 방법 자세히 알아보기 - 이 때 상위메뉴를 선택하면 하위메뉴가 바로 나타나도록 상위메뉴 설정에서 '접근 시 첫 번째 하위메뉴로 이동'을 선택합니다. 방법 : 디자인 모드 > (왼쪽 윗부분) 삼선 아이콘 클릭 > 상위메뉴 오른쪽 i 아이콘메뉴 상단 숨김
페이지의 상단(헤더) 섹션을 숨길 수 있습니다. 상단에는 로고, 메뉴바, 로그인/가입 버튼 등 중요 메뉴가 표시되지만 랜딩페이지, 이벤트 페이지 제작 등의 이유로 상단을 숨겨야 한다면 다음 방법을 사용해 보시길 바랍니다. 상단 숨김 방법 1. 디자인 모드에 접속합니다. 2. 왼쪽 상단의 메뉴 관리 ≡ 를 클릭합니다. 3. 상단을 숨기려는 메뉴명 오른쪽 끝에 위치한 ⓘ 아이콘을 클릭합니다. 4. 옵션 항목에서 상단 숨김 옵션을 선택합니다.마우스 휠 스크롤 시 전환되는 상단 고정메뉴 만들기
마우스 휠 스크롤 시 기본 상단 디자인과는 다른 고정메뉴가 나오도록 설정할 수 있습니다. 아래 애니메이션은 고정메뉴 활용 예시입니다. 마우스 휠 스크롤 시 상단 디자인이 변하는 걸 확인할 수 있습니다. 캠페이너스에서는 상단 고정메뉴라 부르며, 고정메뉴 설정에서 변경할 수 있습니다. 제작방법 1. 디자인 모드에 접속합니다. 2. 디자인 모드 오른쪽 상단의 상단설정을 클릭합니다. 3. 상단설정 모드로 진입하면, 오른쪽 상단의 고정메뉴 설정 을 클릭합니다. 4. 고정메뉴 설정 모드가 나타나면, 상단 고정메뉴를 디자인합니다. 위젯을 추가하고, 섹션 배경을 설정하는 등 기본적인 디자인 방법은 본문 디자인 방법과 같습니다. 5. (선택 사항) 기본 상단 디자인을 수정해 사용하고자 한다면, 오른쪽 상단의 상단 기본 디자인 가져오기 를 클릭해 불러올 수 있습니다. 6. 고정메뉴 디자인을 마치면, 왼쪽 상단의 상단 편집으로 돌아가기 를 클릭해 상단 기본 상단설정 디자인 모드로 돌아갑니다. 7. 토글메뉴 접근 권한 설정하기
특정 메뉴(페이지)를 열어 볼 수 있는 권한을 사용자마다 달리 설정할 수 있습니다. 특정 콘텐츠를 회원만 볼 수 있게끔 설정하거나, 지정한 그룹만 볼 수 있도록 설정하려면 다음 절차에 따라 페이지 접근 권한을 설정해 보세요. 설정방법 1. 디자인 모드에 접속합니다. 2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 3. 접근 권한을 설정할 메뉴명의 오른쪽 끝에 위치한 ⓘ 아이콘을 클릭합니다. 접근 권한 항목에서 모든 사용자 를 클릭합니다. 아래 그림과 설명을 참고해, 해당 메뉴에 접근 가능한 그룹을 선택합니다. - 모든 사용자: 모든 사용자가 메뉴를 열어 볼 수 있습니다. - 로그인 사용자: 사이트 회원만 메뉴를 열어 볼 수 있습니다. - 소유자: 소유자만 메뉴를 열어볼 수 있습니다. - 사용자 지정 그룹: 지정된 사용자 그룹만 메뉴를 열어볼 수 있습니다. 사용자 그룹을 추가하는 방법은 사용자 그룹 지정하기 도움말을 참고하세요. 사용자 지정 그룹 선택 시 아래 그림처럼 허용 그룹메뉴 클릭 시 첫 번째 하위 메뉴로 이동하기
접근시 첫 번째 하위 메뉴로 이동 옵션을 활성화 하면, 해당 메뉴 클릭 시 그룹 메뉴 내 첫 번째 하위 메뉴로 이동합니다. 설정방법 1. 디자인 모드에 접속합니다. 2. 디자인 모드 왼쪽 상단 메뉴 관리 를 클릭합니다. 3. 링크를 걸 메뉴명 오른쪽 끝의 ⓘ 아이콘을 클릭합니다. 4. 옵션 항목에서 접근시 첫 번째 하위 메뉴로 이동 옵션을 선택합니다. 5. 메뉴 설정 창 바깥 영역을 클릭해 설정을 완료합니다. 6. 디자인 모드 오른쪽 상단 미리보기 아이콘을 클릭합니다. 7. 상단 메뉴 클릭 시 하위 첫 번째 메뉴로 이동하는지 확인합니다. 8. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다. 주의사항 접근시 첫 번째 하위 메뉴로 이동 옵션을 활성화 하면 해당 메뉴는 더 이상 사용하지 않게 되므로 페이지 편집이 제한됩니다. 편집 제한을 해제하려면 위 4번 항목의 옵션을 선택 해제해 주세요.