위젯별 기능 설명 (디자인 요소)
페이지를 꾸미고 콘텐츠를 추가하기 위한 요소로 다양한 위젯이 준비되어 있습니다. 여러 위젯을 조합해 메뉴에 적합한 페이지를 제작해 보세요.
위젯 목록
이미지 | 이름 | 설명 |
![]() | 이미지 | 페이지에 이미지를 삽입할 때 사용합니다. |
![]() | 이미지맵 | 하나의 이미지에 여러 링크 영역을 구현할 때 사용합니다. |
![]() | 텍스트 | 페이지에 텍스트를 삽입할 때 사용합니다. 텍스트 위젯은 글자 입력 외 표(테이블) 삽입, 이미지 첨부, 코드 입력 등 다양한 작업이 가능합니다. |
![]() | 여백 | 페이지에 여백을 추가할 때 사용합니다. 여백 위젯은 다음 그림처럼 흐린 점선으로 표시되며 실제로는 공간만 차지할 뿐 다른 방문자에게는 보이지 않습니다. |
![]() | 동영상 | 페이지에 동영상을 삽입할 수 있습니다. 유튜브(YouTube) 또는 비메오(Vimeo)에 업로드한 동영상 주소(URL)를 입력하면 자동으로 삽입됩니다. |
![]() | 가로선 | 문단이나 콘텐츠 묶음 사이를 명확하게 구분할 때 가로선 위젯을 사용합니다. 그 외 디자인적인 용도로도 사용될 수 있습니다. |
![]() | 버튼 | 페이지에 버튼을 삽입할 수 있습니다. 버튼을 통해 특정 위치로 유도하거나 전화걸기, 이메일 발송, 파일 다운로드 등 다양한 링크 방식을 설정할 수 있습니다. |
![]() | 메뉴 리스트 | 본문 영역에 서브 메뉴를 표시할 때 사용합니다. 메뉴 리스트 위젯 추가 후 메뉴(수정, 삭제 등)에 변경사항이 있는 경우 자동 반영되어 수정됩니다. |
![]() | 타이틀 | 현재 메뉴명을 출력합니다. 출력한 메뉴명의 크기, 색상, 굵기 등을 변경할 수 있습니다. |
![]() | 단일 지도 | 한 곳의 위치 정보를 사용자에게 알려주고자 할 때 사용합니다. 네이버 또는 Google 지도를 사용할 수 있습니다. |
![]() | 코드 | 고급 사용자를 위한 기능으로 외부 모듈 및 사용자 정의 스타일시트 및 스크립트 등을 내 사이트에 삽입하고 싶은 경우 사용할 수 있습니다. |
![]() | 아이콘 | 그래픽 툴이나 이미지를 사용하지 않고 간편하게 아이콘을 삽입할 수 있습니다. |
![]() | 비주얼섹션 | 슬라이드 방식으로 동작하는 비주얼 섹션은 사이트의 대표적인 아이덴티티를 나타내거나 중요한 정보를 알리는데 사용됩니다. |
![]() | 검색 | 방문자가 사이트 내 콘텐츠를 검색할 수 있도록 검색 위젯을 추가할 수 있습니다. |
관련 도움말
- 위젯별 기능 설명 (DB 요소)
- 위젯별 기능 설명 (상단전용)
도움말에 찾으시는 답변이 없으신가요? 문의하기
-
시작하기
-
디자인모드
- 빠른 디자인 시작 가이드
- 디자인 모드란?
- 아임웹 웹 페이지의 구조
- 공통 디자인 설정하기
- 메뉴 추가, 이동, 복제, 설정, 삭제하기
- 위젯 추가, 이동, 복제, 설정, 삭제하기
- 위젯별 기능 설명 (디자인 요소)
- 위젯별 기능 설명 (DB 요소)
- 그리드 시스템이란?
- 위젯 배치 및 그리드 실습
- 섹션 추가, 이동, 복제, 설정, 삭제하기
- 비주얼섹션 사용하기
- 마우스 오른쪽 버튼 클릭 메뉴
- 상단 디자인 시작하기
- 위젯별 기능 설명 (상단전용)
- 상단 겹치기 (메뉴와 일체화된 디자인 구성하기)
- 하단 설정하기
- 모바일 편집하기
- 사이트 미리보기, 게시하기, 되돌리기
- 관리자 페이지
- 쇼핑
-
디자인모드
- 팁과 길라잡이