[위젯]위젯 설정하기

위젯이란?

디자인 모드에서 페이지를 꾸밀 때 사용되는 가장 작은 단위의 구성요소입니다. 이미지, 텍스트, 동영상, 버튼, 게시판, 갤러리 등 다양한 위젯들이 준비되어 있습니다. 메뉴를 추가하고 위젯을 사용해 페이지에 글이나 그림, 동영상 등 콘텐츠를 추가해보세요. *위젯은 업데이트에 따라 계속해서 추가될 수 있습니다.

위젯 설정을 열어 각 위젯이 가진 고유의 설정을 변경할 수 있습니다. 이 도움말에서는 이미지 위젯을 기준으로 설정 창을 여는 방법을 설명합니다.


위젯 설정 열기


  1. 위젯을 추가합니다. 
  2. 추가한 위젯 위에 마우스 포인터를 올립니다.
  3. 마우스 오른쪽 버튼을 클릭합니다.
    참고: 아래 그림은 이미지 위젯에 마우스 오른쪽 버튼을 클릭한 장면입니다.

    9cf16e510496d.jpeg

  4. 이미지 설정을 클릭합니다. (위젯에 따라 설정 앞 이름이 달라집니다.)
    예시: 갤러리 설정, 버튼 설정 등


디자인 요소 위젯

페이지를 꾸미기 위한 다양한 위젯들이 준비되어 있습니다.

4b72022a71208.jpeg


이미지

페이지에 이미지를 삽입할 때 사용합니다.

008ba8be163b1.jpeg

이미지 맵

하나의 이미지에 여러 링크 영역을 구현할 때 사용합니다.

b02a5c0829780.jpeg


텍스트

페이지에 텍스트를 삽입할 때 사용합니다. 텍스트 위젯은 글자 입력 외 표(테이블) 삽입, 이미지 첨부, 코드 입력 등 다양한 작업이 가능합니다.

1aaf912ff9311.jpeg

여백

페이지에 여백을 추가할 때 사용합니다. 여백 위젯은 다음 그림처럼 흐린 점선으로 표시되며 실제로는 공간만 차지할 뿐 다른 방문자에게는 보이지 않습니다.

3f9fe3ef4d429.jpeg

동영상

페이지에 동영상을 삽입할 수 있습니다. 유튜브(YouTube) 또는 비메오(Vimeo)에 업로드한 동영상 주소(URL)를 입력하면 자동으로 삽입됩니다.

b68a80b44b2e4.jpeg

가로선

문단이나 콘텐츠 묶음 사이를 명확하게 구분할 때 가로선 위젯을 사용합니다. 그 외 디자인적인 용도로도 사용될 수 있습니다.

7c7a42f9aff27.jpeg

버튼

페이지에 버튼을 삽입할 수 있습니다. 버튼을 통해 특정 위치로 유도하거나 전화걸기, 이메일 발송, 파일 다운로드 등 다양한 링크 방식을 설정할 수 있습니다.

71ca75b3eb0d0.jpeg

메뉴 리스트

본문 영역에 서브 메뉴를 표시할 때 사용합니다. 메뉴 리스트 위젯 추가 후 메뉴(수정, 삭제 등)에 변경사항이 있는 경우 자동 반영되어 수정됩니다.

c36c83b3d9f6c.jpeg

타이틀

현재 메뉴명을 출력합니다. 출력한 메뉴명의 크기, 색상, 굵기 등을 변경할 수 있습니다.

247bc3a7890e9.jpeg

단일 지도

하나의 위치정보를 사용자에게 알려주고자 할 때 사용합니다. 예 : 찾아오시는 길 또는 Contact 메뉴 등

f76ae5d8819c2.jpeg

코드

고급 사용자를 위한 기능으로 외부 모듈 및 사용자 정의 스타일시트 및 스크립트 등을 내 사이트에 삽입하고 싶은 경우 사용할 수 있습니다.

2f4a6a120c800.jpeg

아이콘

그래픽 툴이나 이미지를 사용하지 않고 간편하게 아이콘을 삽입할 수 있습니다.

19aa806beb2e0.jpeg


비주얼 섹션

슬라이드 방식으로 동작하는 비주얼 섹션은 사이트의 대표적인 아이덴티티를 나타내거나 중요한 정보를 알리는데 사용됩니다.

0ac570f053e4f.jpeg

검색

방문자가 사이트 내 콘텐츠를 검색할 수 있도록 검색 위젯을 추가할 수 있습니다.

ebb7909b3a19f.jpeg


당신의, 브랜드가 세상에 빛나도록
26년의 경험으로 브랜드의 가치를 디자인합니다.
COPYRIGHT © 2007-2026. DNPERSONs ALL RIGHTS RESERVED.