• 가이드

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

갤러리 위젯과 메뉴 링크 기능을 활용해, 갤러리 이미지 중 하나를 클릭하면, 또 다른 갤러리가 나오도록 페이지를 구성할 수 있습니다. 이 튜토리얼에서는 다음 샘플 사이트처럼 만드는 과정을 설명합니다.

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

구성방법

1단계, City, Nature, Sky, Street 메뉴 만들기

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

주의 : 무료 버전의 경우 최대 5개까지 메뉴 생성이 가능합니다. 메뉴 개수 제한에 걸리는 경우 아래 과정에서 갤러리 메뉴를 2-3개만 추가하거나, 버전을 업그레이드 해주세요.
  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단 메뉴 관리를 클릭합니다.
  3. 상단 메뉴 오른쪽 끝 ⨁를 클릭해 City, Nature, Sky, Street 4개 메뉴를 추가합니다. 메뉴 추가방법

2단계, 갤러리 만들기

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

  1. City 메뉴로 이동합니다. 메뉴 관리에서 이동하거나 상단 메뉴의 City를 클릭해 이동할 수도 있습니다.
  2. 빈 메뉴에 갤러리 위젯을 추가합니다. 위젯 추가방법

  3. 갤러리 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭해 갤러리 설정을 엽니다. 위젯 설정 열기

  4. 갤러리 설정 창 왼쪽 상단 + 이미지, 동영상 추가에 마우스 포인터를 올립니다.
  5. 이미지 추가를 클릭합니다.
  6. 내 PC에서 이미지를 업로드합니다.
  7. 위 1번부터 6번 절차에 따라 남은 3개 메뉴에도 갤러리 위젯 및 이미지를 추가합니다.
3단계, 갤러리 홈 메뉴 만들기

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

  1. 디자인 모드 왼쪽 상단 메뉴 관리를 클릭합니다.
  2. 상단 메뉴 오른쪽 끝 ⨁ 아이콘을 클릭해 새로운 메뉴(메뉴명 예 : Diary)를 추가합니다. 메뉴 추가방법
  3. 디자인 모드 왼쪽 상단 위젯 추가를 클릭합니다.
  4. 갤러리 위젯을 클릭합니다.
  5. 추가한 갤러리 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭해 갤러리 설정을 엽니다. 위젯 설정 열기

  6. 갤러리 설정 창 왼쪽 상단 + 이미지, 동영상 추가에 마우스 포인터를 올립니다.
  7. 이미지 추가를 클릭합니다.
  8. 위 2단계에서 만든 갤러리들을 대표하는 이미지 4개를 추가합니다.
  9. 왼쪽 첫 번째 갤러리 이미지를 선택합니다.

  10. 그 상태에서 왼쪽 하단 링크를 클릭하면 메뉴들이 나타납니다. 그 중 City를 선택합니다.

  11. 나머지 갤러리 이미지에도 같은 방식으로 Nature, Starry, Street로 링크를 추가합니다.
    주의 : 링크를 추가할 때는 반드시 관련 이미지를 선택하고 링크를 추가해야 정상 적용됩니다.
4단계, 메뉴 그룹화 하기

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

  1. 디자인 모드 왼쪽 상단 메뉴 관리를 클릭합니다.
  2. Diary 메뉴 오른쪽 끝 ⓘ 아이콘을 클릭해 메뉴 설정을 열고, 옵션 항목에서 풀다운 메뉴 사용 안함을 선택합니다.

  3. Diary 메뉴 아래로 City, Nature, Starry, Street 메뉴들을 마우스로 드래그하여 그룹 메뉴로 구성합니다. 그룹 메뉴 만들기

  4. 풀다운 메뉴 사용 안함을 선택하고, 그룹 메뉴로 구성하면 다음 그림처럼 하나의 메뉴처럼 보이게 됩니다.

  5. 블로그, 연락처, 회사소개 등 추가 메뉴를 만들어 하나의 사이트로 완성합니다.

갤러리 스타일 변경하기

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

  1. 갤러리 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭해 갤러리 설정을 엽니다.
  2. 갤러리 설정 창 상단 디자인 탭을 클릭합니다.
  3. 다른 스타일을 클릭해, 원하는 스타일을 선택합니다. 샘플 사이트에 사용된 갤러리 스타일은 다음 그림과 같습니다.

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.