메뉴 버튼 클릭 시 사이드에서 메뉴가 나타나는 위젯입니다. 상단에 메인 메뉴를 표시하지 않는 경우 사용합니다.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
상단 위젯 추가하기
상단 위젯 이동하기
위젯 설정방법
설정항목
메뉴 버튼
메뉴 버튼의 디자인 및 스타일을 수정합니다.
디자인 : 메뉴 버튼의 디자인을 변경할 수 있습니다. 다른 디자인 버튼을 클릭해 선택합니다.
공통 : 메뉴 버튼의 기본 디자인을 변경합니다. 아이콘을 변경하고, 색상, 테두리, 라운드, 여백을 설정해 보세요.
Hover : 메뉴 버튼 위에 마우스 포인터를 올렸을 때, 변경되는 메뉴 버튼의 색상, 배경 색상, 테두리를 설정합니다. 아무런 Hover 효과를 주고 싶지 않은 경우 공통 항목에서 설정한 색상 및 테두리를 똑같이 설정합니다.
2. 펼침 메뉴
메뉴 버튼 클릭 시 나타나는 펼침 메뉴의 디자인 및 스타일을 수정합니다.
디자인 : 다른 디자인 버튼을 클릭해 펼침 메뉴의 디자인을 변경할 수 있습니다. 펼침 메뉴 디자인에 따라 하기 옵션은 달라집니다.
로고 : 펼침 메뉴에 삽입될 로고를 선택합니다. 클릭 시 로고 관련 추가 옵션이 나타납니다.
활성 스타일 : 펼침 메뉴에 표시되는 활성 메뉴의 스타일 및 글자색을 수정합니다.
공통 : 펼침 메뉴의 공통 항목을 수정합니다. 정렬 방식부터, 배경색, 텍스트 크기와 색상, 줄간격, 글꼴 등을 변경할 수 있습니다. 참고 : 글꼴은 공통 디자인 설정 메뉴에서만 변경을 허용하지만, 상단의 경우 로고 위젯, 메뉴 위젯, 메뉴 버튼 위젯에 한하여 글꼴 선택 옵션을 제공합니다.
사이트(또는 쇼핑몰) 리뉴얼, 업데이트가 필요한 경우 방문자의 접속을 일시적으로 차단할 수 있습니다. 이 튜토리얼에서는 사용자가 직접 공사중/점검중 페이지 제작 및 설정방법을 설명합니다.
기본 비공개 설정방법을 사용해 간편하게 공사중/점검중 페이지를 표시하려는 경우 다음 내 사이트 비공개 처리하기 도움말을 참조하세요.
구성방법
1단계: 새 메뉴 추가하기
공사중 페이지를 제작할 새로운 메뉴를 추가합니다.
2단계: 메뉴 이동 및 상단/하단 숨기기
새로 추가한 메뉴에 상단 및 하단 메뉴가 표시되지 않도록 숨깁니다.
참고: 새로 생성한 메뉴의 상단 메뉴 및 하단 사업자 정보가 숨겨집니다.
참고: 메뉴를 가장 위에 배치하면 도메인 접속 시 첫 페이지로 설정됩니다.
3단계: 공사중/점검중 페이지 디자인 하기
위젯 및 섹션(선택 사항)을 사용해 공사중/점검중 페이지를 디자인합니다.
4단계: 남은 메뉴 접근권한 설정하기
공사중/점검중 메뉴를 제외한 모든 메뉴에 방문자(회원 포함)가 접속할 수 없도록 접근권한을 설정합니다.
주의사항
회원 또는 일반 방문자가 특정 메뉴의 주소(URL)를 입력해 접속하는 경우 디자인한 공사중/점검중 메뉴로 접속되지 않을 수 있습니다. 어떤 메뉴로 접속하든 공사중/점검중 페이지로 이동하도록 설정하려는 경우 다음 도움말을 참고해 주세요.
내 사이트 비공개 처리하기 (공사중/리뉴얼/점검중)
도움말에 찾으시는 답변이 없으신가요? 문의하기
위젯 소개
상단에 회원가입, 로그인, 장바구니, 마이페이지 버튼을 추가할 수 있습니다. 회원가입 및 쇼핑 기능이 필요한 경우 사용합니다.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
설정항목
1. 링크/버튼 추가방법
2. 링크/버튼 옵션 수정하기
추가한 버튼/링크의 형태, 문구, 크기, 스타일 등을 수정할 수 있습니다. 링크/버튼의 옵션은 추가하신 버튼/링크의 종류에 따라 달라집니다.
3. 버튼/링크의 순서 변경하기
링크/버튼을 두 개 이상 추가하는 경우, 해당 링크/버튼을 클릭하고 마우스로 드래그하여 순서를 변경할 수 있습니다.
4. 로그인 전/로그인 후 메뉴 구성하기
로그인/장바구니 위젯은 로그인 전 표시될 메뉴와 로그인 후 표시될 메뉴를 별도 구성합니다. 설정창 상단 로그인 전, 로그인 후 탭 메뉴를 클릭해 전환할 수 있습니다.
5. 공통 설정
공통 설정을 변경하면 추가한 모든 링크/버튼의 설정(텍스트 색상, 객체간 간격, 뱃지 표시)이 로그인 전, 로그인 후에 관계없이 모두 변경되니 유의하시길 바랍니다.
도움말에 찾으시는 답변이 없으신가요? 문의하기
위젯 소개
메뉴 위젯을 삽입해 상단 영역에 메인 메뉴를 추가할 수 있으며, 설정을 통해 하위 메뉴의 디자인 및 스타일을 변경할 수 있습니다.
마우스 포인터를 올렸을 때 전체 메뉴가 나타나는 메가 드롭다운 메뉴로 변경하려는 경우 다음 메가 드롭다운 메뉴 상단 메뉴 만들기 도움말을 참조하세요.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
설정항목
1. 메인 메뉴
상단 메인 메뉴 스타일을 수정합니다.
2. 서브 메뉴
마우스 포인터를 메인 메뉴에 올렸을 때 나타나는 하위 메뉴의 디자인을 선택하고, 스타일을 수정합니다.
기본: 서브 메뉴의 기본 텍스트 크기 및 색상, 배경색, 상하 간격, 자간 등을 수정합니다. 서브 메뉴에 그림자를 추가하거나, 텍스트를 굵게 만들거나 기울일 수도 있습니다.
도움말에 찾으시는 답변이 없으신가요? 문의하기
위젯 소개
모바일 전용 메뉴를 상단에 표시합니다. 이 위젯은 모바일 버전 제작 시 사용되며, 앞서 뷰포트를 모바일로 변경해야 합니다.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
설정항목
도움말에 찾으시는 답변이 없으신가요? 문의하기
위젯 소개
메뉴 버튼 클릭 시 사이드에서 메뉴가 나타나는 위젯입니다. 상단에 메인 메뉴를 표시하지 않는 경우 사용합니다.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
설정항목
메뉴 버튼의 디자인 및 스타일을 수정합니다.
2. 펼침 메뉴
메뉴 버튼 클릭 시 나타나는 펼침 메뉴의 디자인 및 스타일을 수정합니다.
참고 : 글꼴은 공통 디자인 설정 메뉴에서만 변경을 허용하지만, 상단의 경우 로고 위젯, 메뉴 위젯, 메뉴 버튼 위젯에 한하여 글꼴 선택 옵션을 제공합니다.
도움말에 찾으시는 답변이 없으신가요? 문의하기
위젯 소개
언어별 사이트로 전환할 수 있는 언어 전환 위젯이 추가됩니다. 새 언어 사이트 개설 후 이용하실 수 있습니다. 단, Global 버전 사용자가 아닌 경우 관리자만 접속할 수 있습니다.
참고: 아임웹은 총 7개 언어(한국어, 영어, 일본어, 중국어, 중국어 번체, 스페인어, 베트남어)를 지원합니다.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
설정항목
구성요소
디자인
텍스트
참고사항
도움말에 찾으시는 답변이 없으신가요? 문의하기
위젯 소개
상단에 기본 메뉴 외 각종 SNS 링크, 문의하기 등 추가적인 링크 또는 버튼을 추가할 때 사용합니다.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
설정항목
링크/버튼 추가하기
링크/버튼 설정창 왼쪽 상단 추가 버튼을 클릭해 링크/버튼을 여러 개 추가할 수 있습니다.
링크
링크/버튼의 설정 및 스타일을 변경할 수 있습니다. 링크/버튼을 여러 개 추가하는 경우, 각 요소마다 별도로 설정할 수 있습니다. 반드시 요소 선택 후 설정을 변경해 주세요.
공통 설정
모든 링크/버튼에 공통적으로 적용할 설정을 수정합니다.
링크
클릭 시 이동할 메뉴 또는 URL(주소)을 입력합니다. 링크/버튼의 링크 방식에 따라 추가 옵션은 달라질 수 있습니다.
도움말에 찾으시는 답변이 없으신가요? 문의하기
위젯 소개
상단에 선을 추가할 수 있습니다. 기본 가로선 위젯 대비 세로선도 설정 가능한 것이 특징입니다.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
설정항목
도움말에 찾으시는 답변이 없으신가요? 문의하기
위젯 소개
상단에 로고를 추가합니다. 로고는 텍스트(글꼴 선택 가능)와 이미지 모두 사용 가능합니다.
상단 위젯 추가 및 설정방법
상단 영역에 위젯을 추가하고, 이동하고, 설정을 수정해 상단을 디자인할 수 있습니다.
설정항목
타이틀명: 로고이미지 오른쪽 또는 아래 타이틀을 입력할 수 있습니다. 사용하기 선택 시 타이틀 텍스트의 스타일 및 위치 추가 옵션을 설정할 수 있습니다.
참고: 위 로고이미지 항목에서 사용하기 옵션 해제 시 타이틀명만 표시됩니다.
도움말에 찾으시는 답변이 없으신가요? 문의하기
이 도움말에서는 메뉴 리스트 위젯을 활용해, 페이지에 하위 메뉴들을 표시하는 방법을 설명합니다.
시작에 앞서
메뉴 리스트 위젯은 메뉴 관리에서 생성한 메뉴(페이지)들을 불러와 간편하게 표시해주는 기능을 가지고 있습니다. 따라서 이 도움말을 진행하기에 앞서 표시할 메뉴들을 생성하고 구성해야 합니다.
메뉴 리스트를 통해 표시할 메뉴들을 아직 생성하지 않았다면 아래 도움말 링크를 통해 메뉴를 추가하고, 필요에 따라 그룹 메뉴로 구성해 주세요.
설정방법
1단계: 기본 메뉴 리스트 추가하기
메뉴 리스트 위젯을 추가할 메뉴로 이동합니다.
7. 닫기 ✕ 아이콘을 클릭해 메뉴 리스트 설정 창을 닫고, 메뉴 표시여부를 확인합니다.
2단계: 모든 연관 메뉴에 메뉴 리스트 위젯 추가하기
방문자가 메뉴간 편리하게 이동할 수 있도록, 모든 메뉴에 메뉴 리스트 위젯을 추가합니다.
관련 도움말: 게시판 카테고리 표시하기
게시판 위젯에 추가한 카테고리들을 메뉴 리스트 위젯과 연동해 페이지에 표시할 수 있습니다. 이 때 방문자가 카테고리 클릭 시 해당 카테고리가 걸린 게시물만 골라 표시됩니다. 자세한 제작방법은 다음 튜토리얼을 참조하세요.
게시판 카테고리 메뉴 리스트 만들기
도움말에 찾으시는 답변이 없으신가요? 문의하기