위젯 관리하기 (추가·설정·이동·복사·삭제)
위젯은 디자인 모드에서 페이지를 꾸밀 때 사용하는 가장 작은 구성 요소예요.
이미지·텍스트·동영상부터 게시판·갤러리·쇼핑까지, 필요한 위젯을 페이지에 얹어 화면을 완성할 수 있어요.
이제 위젯 추가 창에서 아임웹이 제공하는 기본 위젯과 직접 만든 커스텀 위젯을 한 곳에서 골라 넣을 수 있어요.
위젯 추가하기
방법 1. 위젯 추가 버튼으로 넣기
1. 디자인 모드 왼쪽 세로 도구 모음 맨 위의 ＋ 아이콘(위젯 추가)을 클릭해 주세요.
2. '위젯 추가' 창에서 왼쪽 분류를 고른 뒤, 넣고 싶은 위젯을 클릭해 주세요.
3. 선택한 위젯은 페이지 가장 아래 섹션의 끝에 삽입돼요. 원하는 자리로는 끌어서 옮겨 주세요.
방법 2. 원하는 위치에 바로 넣기
1. 위젯의 위쪽이나 아래쪽 경계에 마우스를 올리면 검은색 ＋ 버튼이 나타나요.
2. ＋ 버튼을 클릭한 뒤 위젯을 선택하면 그 자리에 바로 삽입돼요.
위젯 종류 한눈에 보기
'위젯 추가' 창의 왼쪽 분류는 커스텀 위젯 · 기본 · 콘텐츠 세 묶음으로 나뉘어요.
어떤 위젯이 어느 분류에 있는지 아래에서 한 번에 확인해 보세요.
기본 > 디자인·DB 요소 — 페이지를 구성하는 기본 재료예요.
디자인 요소 (14종)
이미지 · 이미지 맵 · 텍스트 · 여백 · 동영상 · 가로선 · 버튼 · 메뉴 리스트 · 타이틀 · 단일 지도 · 코드 · 아이콘 · 비주얼섹션 · 검색
DB 요소 (10종)
게시판 · 갤러리 · 캘린더 · 입력폼 · 지도 게시판 · 쇼핑 · 쇼핑 기획전 · 최신글 · 예약 · 출석체크 이벤트
콘텐츠 — 디자인이 완성된 형태로 제공돼요. 내용만 바꿔서 바로 사용할 수 있어요.
슬라이드 (14종)
풀 배너 슬라이드 · 큰 배너 슬라이드 · 작은 배너 슬라이드 · 분할 슬라이드 · 꽉 찬 이미지 슬라이드 · 다중 이미지 슬라이드 · 세로 카드 슬라이드 · 가로 카드 슬라이드 · 꽉 찬 동영상 슬라이드 · 다중 동영상 슬라이드 · 플립 띠 배너 · 롤링 띠 배너 · 롤링 기본 로고 · 롤링 원형 로고
텍스트카드 (10종)
박스 아코디언 · 라인 아코디언 · 긴 세로 카드 · 긴 가로 카드 · 이미지 세로 카드 · 이미지 가로 카드 · 이미지 위 텍스트 카드 · 플립 카드 · 마우스 오버 카드 · 리뷰 카드
레이아웃 (9종)
이미지·텍스트 좌우 분할 · 이미지 블록 · 단일 이미지 태그 · 분할 이미지 태그 · 갤러리 이미지 태그 · 캡슐 탭 · 밑줄 탭 · 타임라인 · 플로팅 버튼
프로모션 (3종)
큰 타이머 · 작은 타이머 · 프로모션 플로팅 버튼
메뉴 (2종)
이미지 메뉴 · 캡슐 메뉴
히어로 (4종)
숫자 카운터 · 롤링 텍스트 · 텍스트 하이라이트 · 스크롤 다운
커스텀 위젯 사용하기
원하는 모습의 위젯이 없다면 커스텀 위젯 스튜디오에서 직접 만들어 사용할 수 있어요.
1. '위젯 추가' 창의 '커스텀 위젯 생성'을 클릭하면 커스텀 위젯 스튜디오가 열려요.
2. 스튜디오에서 위젯을 만든 뒤 사이트에 연동해 주세요.
3. 연동한 위젯은 '연동 위젯 목록'에 나타나고, 그때부터 페이지에 삽입할 수 있어요.
'연동 위젯 목록' 옆의 숫자는 이 사이트에 연동된 커스텀 위젯 수 / 최대 개수예요. 한 사이트에 최대 100개까지 연동할 수 있어요.
위젯 선택하고 설정하기
위젯을 클릭하면 위젯 전체가 연한 파란색으로 표시되면서 선택돼요. 선택된 상태에서 오른쪽 끝에 ⓘ 아이콘이 보여요.
설정을 열려면 위젯 위에서 마우스 오른쪽 버튼을 클릭한 뒤 메뉴 맨 위 항목을 선택해 주세요. 이 항목의 이름은 위젯 종류에 따라 달라져요. 텍스트 위젯이면 '텍스트 설정', 쇼핑 위젯이면 '쇼핑 설정'처럼 표시돼요.
화면 오른쪽에 설정 사이드패널이 열려요. 위젯 종류마다 준비된 항목이 달라서, 텍스트 위젯이면 줄 간격·높이·정렬·외부 여백 같은 항목을 조절할 수 있어요. 위쪽 탭에서 애니메이션 설정으로도 넘어갈 수 있어요.
위젯 이동하기
위젯을 마우스로 끌어(드래그) 원하는 자리에 놓으면 순서가 바뀌어요. 별도의 이동 손잡이는 없고, 위젯 본체를 그대로 잡아 끌면 돼요.
같은 섹션 안에서는 물론 다른 섹션으로도 옮길 수 있어요. 끄는 동안 들어갈 위치가 선으로 표시돼요.
위젯 복사해서 붙여넣기
같은 위젯이 여러 번 필요할 때는 복사해서 붙여넣어 주세요. 위젯 복사와 위젯 붙여넣기 두 단계로 나뉘어 있어요.
1. 복사할 위젯에서 마우스 오른쪽 버튼을 클릭하고 '위젯 복사'를 선택해 주세요.
2. 붙여넣고 싶은 위치의 위젯에서 마우스 오른쪽 버튼을 클릭하고 '위젯 붙여넣기'를 선택해 주세요. 복사하기 전에는 이 항목이 흐리게 표시돼요.
붙여넣은 위젯은 선택한 위젯 바로 아래에 들어가요. 다른 섹션이나 다른 메뉴(페이지)에도 붙여넣을 수 있어요.
위젯 삭제하기
페이지에서 필요 없어진 위젯은 두 가지 방법으로 지울 수 있어요.
방법 1. 위젯 위에서 마우스 오른쪽 버튼을 클릭하고 '삭제'를 선택해 주세요.
방법 2. 위젯 설정 사이드패널 맨 아래의 '위젯 삭제'를 클릭해 주세요.
확인 창이 열리면 '확인'을 눌러 주세요.
커스텀 위젯은 삭제 방식이 두 가지로 나뉘어요.
페이지에서 삭제 : 그 페이지에 삽입된 위젯만 사라지고, 연동은 그대로 유지돼요.
연동 해제 : 커스텀 위젯 스튜디오에서 연동을 해제하면 그 사이트에 삽입된 해당 위젯이 모두 사라져요.
자주 묻는 질문
Q. 위젯 추가 창의 모습이 예전과 달라요.
A. 위젯 추가 창이 새로운 모습으로 개편되어 사이트별로 순차 적용되고 있어요. 이미 넣어 둔 위젯과 설정은 그대로 유지되니 안심하고 사용하셔도 돼요.
Q. 커스텀 위젯은 유료인가요?
A. 아임웹 회원이라면 모든 요금제에서 사용할 수 있어요.
Q. 위젯은 몇 개까지 넣을 수 있나요?
A. 기본 위젯은 개수 제한이 없어요. 커스텀 위젯은 한 계정에 최대 100개까지 보관할 수 있고, 한 사이트에 최대 100개까지 연동할 수 있어요. 연동한 커스텀 위젯을 페이지에 삽입하는 것은 한 사이트에 합산 1,000개까지예요.
Q. 커스텀 위젯을 어디에나 넣을 수 있나요?
A. 상단 메뉴와 글로벌 메뉴의 본문 영역에 넣을 수 있어요. 상단 편집 영역, 모바일 전용 섹션, 하단 메뉴, 모달 메뉴에는 넣을 수 없어요.
Q. 전문가가 만들어 준 위젯의 글자나 색상만 제가 바꿀 수 있나요?
A. 전문가가 설정 패널을 구성해 두었다면 디자인 모드에서 직접 바꿀 수 있어요. 위젯을 마우스 오른쪽 버튼으로 클릭한 뒤 '위젯 설정'을 선택해 주세요. 다만 원본 코드는 제작자만 확인·수정할 수 있어요.
Q. 게시판·갤러리·입력폼 같은 위젯도 커스텀으로 만들 수 있나요?
A. 데이터베이스 연동이 필요한 위젯은 현재 커스텀 위젯으로 만들기 어려워요. 아임웹이 제공하는 DB 요소 위젯을 사용해 주세요.