갤러리 클릭 시 새로운 갤러리가 나오게 하는 방법 (메뉴 활용) : 애드리빙

이미지/갤러리갤러리 클릭 시 새로운 갤러리가 나오게 하는 방법 (메뉴 활용)

갤러리 위젯과 메뉴 링크 기능을 활용해, 갤러리 이미지 중 하나를 클릭하면, 또 다른 갤러리가 나오도록 페이지를 구성할 수 있습니다.

튜토리얼에 따라 구성 후 디자인 콘셉트에 맞게 수정해보세요.

갤러리로 사용할 새로운 메뉴 4개를 추가합니다.

디자인 모드에 접속합니다. 접속방법
왼쪽 상단 메뉴 관리를 클릭합니다.
상단 메뉴 오른쪽 끝 ⨁를 클릭해 City, Nature, Sky, Street 4개 메뉴를 추가합니다. 메뉴 추가방법

추가한 각 메뉴에 갤러리 위젯을 삽입하고 이미지를 추가합니다.

위 2단계에서 만든 갤러리들로 이동할 수 있는 갤러리 홈 메뉴를 제작합니다.

디자인 모드 왼쪽 상단 메뉴 관리를 클릭합니다.
상단 메뉴 오른쪽 끝 ⨁ 아이콘을 클릭해 새로운 메뉴(메뉴명 예 : Diary)를 추가합니다. 메뉴 추가방법
디자인 모드 왼쪽 상단 위젯 추가를 클릭합니다.
갤러리 위젯을 클릭합니다.
추가한 갤러리 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭해 갤러리 설정을 엽니다. 위젯 설정 열기
갤러리 설정 창 왼쪽 상단 + 이미지, 동영상 추가에 마우스 포인터를 올립니다.
이미지 추가를 클릭합니다.
위 2단계에서 만든 갤러리들을 대표하는 이미지 4개를 추가합니다.
왼쪽 첫 번째 갤러리 이미지를 선택합니다.
그 상태에서 왼쪽 하단 링크를 클릭하면 메뉴들이 나타납니다. 그 중 City를 선택합니다.
나머지 갤러리 이미지에도 같은 방식으로 Nature, Starry, Street로 링크를 추가합니다.
주의 : 링크를 추가할 때는 반드시 관련 이미지를 선택하고 링크를 추가해야 정상 적용됩니다.

갤러리 홈(Diary)과 나머지 메뉴들을 그룹으로 만듭니다.

디자인 모드 왼쪽 상단 메뉴 관리를 클릭합니다.
Diary 메뉴 오른쪽 끝 ⓘ 아이콘을 클릭해 메뉴 설정을 열고, 옵션 항목에서 풀다운 메뉴 사용 안함을 선택합니다.
Diary 메뉴 아래로 City, Nature, Starry, Street 메뉴들을 마우스로 드래그하여 그룹 메뉴로 구성합니다. 그룹 메뉴 만들기
풀다운 메뉴 사용 안함을 선택하고, 그룹 메뉴로 구성하면 다음 그림처럼 하나의 메뉴처럼 보이게 됩니다.
블로그, 연락처, 회사소개 등 추가 메뉴를 만들어 하나의 사이트로 완성합니다.

갤러리 이미지에 제목과 설명이 표시되는 방식은 갤러리 스타일마다 상이합니다. 다양한 갤러리 스타일이 준비되어 있으니 확인 후 변경해보세요.