위젯별 기능 설명 (DB 요소)

게시판 위젯

설정 방법
디자인 모드 > (왼쪽 윗부분) + 아이콘을 눌러 게시판 위젯 생성 > 생성된 게시판 위젯 위에서 우클릭 > 게시판 설정 클릭!
*게시물을 추가하려면, 디자인 모드 (오른쪽 윗부분) 미리보기에서 '글쓰기' 버튼을 클릭해 입력해야 합니다. (참고 : 게시판에 컨텐츠 올리기)

설정항목

  • 게시판 연동 : 게시판 위젯을 실수로 삭제하더라도 게시판 데이터베이스(DB)는 그대로 남아 있습니다. 또한 A라는 메뉴에서 사용한 게시판을 B라는 메뉴에서도 사용할 수 있습니다. 게시판 연동은 이러한 기능들을 위한 것이며, 선택한 게시판 데이터베이스를 불러옵니다.
  • 상품평/기타 게시판 : 상품평, 리뷰 게시판을 만들 때 사용할 수 있습니다.
  • 연동게시판 선택 : 새로운 게시판이 아닌 기존 게시판의 게시물을 불러오려는 경우 선택합니다.
  • 게시판 이름 : 게시판 이름을 설정할 수 있습니다. 처음 게시판 생성 시 자동으로 '이름 없는 게시판#' 이름이 지정되므로 알아보기 쉬운 게시판 이름으로 수정하실 것을 권장합니다. 게시판 이름을 설정해주시면 차후 다른 페이지에 같은 게시판을 연동할 때 구분이 쉬워집니다. (예: 자유게시판, 공지사항 등)
  • 카테고리 : 게시물별로 카테고리를 적용할 수 있게 되며, 최대 25개의 카테고리를 만들 수 있습니다.
  • 비밀글 : 비밀글 허용 여부를 선택합니다. 비밀글 작성시 회원도 비밀번호 입력이 활성화 되면 비밀번호를 아는 다른 사용자들도 해당 게시물을 조회할 수 있습니다. 설정에 관계 없이 사이트 관리자는 비밀글 조회가 가능합니다.
  • 댓글 사용 : 댓글 기능을 사용할지 여부를 선택합니다.
  • 권한 : 목록, 읽기, 작성, 댓글별로 권한을 지정할 수 있습니다. 특정 그룹에게만 권한을 주려면 선택그룹 사용자를 사용하세요.
  • 제목 양식 : 글쓰기 버튼을 눌렀을 때 자동으로 제목 입력란에 미리 작성될 문구를 입력합니다.
  • 글양식 : 글쓰기 버튼을 눌렀을 때 자동으로 본문에 미리 입력될 내용을 입력합니다.
  • 게시물 본문 상단/하단 코드 : 게시물 본문 상단 또는 하단에 삽입할 코드를 입력할 수 있습니다. 때때로 구글 애드센스와 같은 광고 스크립트를 추가해 게시물마다 광고를 표시할 수 있습니다.


게시판 디자인

1. 다양한 스타일 : 게시판의 디자인 형태를 선택할수 있습니다.

2. 본문 : 본문이 표시되는 형태를 선택합니다.

  • 단독형 : 제목 이미지를 사용할 수 있으며 게시판 주변에 배치한 위젯이 본문에서 표시되지 않습니다.
  • 일반형 : 주변 위젯이 그대로 표시됩니다.

갤러리 위젯

갤러리는 이미지 및 이미지 설명 텍스트의 묶음이며 다양한 방식으로 표현할 수 있습니다. 이미지 위젯으로도 비슷한 구성이 가능하지만 갤러리만으로 표현 가능한 요소들이 많이 있습니다.

설정 방법
디자인 모드 > (왼쪽 윗부분) + 아이콘을 눌러 갤러리 위젯 생성 > 생성된 갤러리 위젯 위에서 우클릭 >  갤러리 설정 클릭!

갤러리 설정

  • 이미지 추가 : 갤러리에서 표현할 이미지를 업로드합니다.
  • 갤러리 연동 : 게시판 연동과 마찬가지로 갤러리 위젯을 삭제하더라도 이미지 및 설명 텍스트는 서버에 보존됩니다. 또한 같은 갤러리 데이터를 이용해 다른 메뉴에서 다른 디자인으로 표현할 수도 있 습니다.
  • 갤러리 이름 : 연동한 갤러리의 이름을 지정합니다. 게시판 위젯처럼 "이름 없는 갤러리#" 방식으로 자동으로 이름이 부여됩니다. 관리의 편의를 위해 구분이 될 만한 이름 지정을 권장합니다.(예: 회사 전 경 갤러리)
  • 이미지 제목, 이미지 링크, 이미지 설명 : 업로드된 이미지를 선택하면 각각의 이미지별로 제목과 설명을 입력할 수 있습니다.

갤러리 디자인
갤러리는 자유도 높은 표현이 가능합니다. 이미지 위젯으로는 한 줄에 균일한 5개 이미지 배치가 불가능하지만 갤러리는 가능합니다. 갤러리를 구성하는 세부 디자인은 그리드 시스템의 제약을 받지않습니다.

갤러리 디자인에서 가장 먼저 해야 할 일은 갤러리 스타일을 고르는 것입니다. 다른 스타일 버튼을 눌러 원하는 스타일을 선택합니다. 이곳에서 설정한 스타일에 따라 설정할 수 있는 항목이 조금씩 다릅니다.

  • 리스트 : 이미지의 비율, 한 줄에 표시될 개수, 간격 등을 선택합니다.
  • 텍스트 : 텍스트와 관련된 설정을 합니다. 텍스트 안쪽 여백을 비롯해 텍스트 정렬 및 배치도 지정할 수 있습니다.
  • 배경/테두리 : 마우스 커서가 올라갔을 때 음영 색상이나 전체적인 모서리 둥근 정도(라운드), 테두리의 두께 및 색상을 설정합니다.

갤러리 스타일
캠페이너스는 게시판과 더불어 갤러리 위젯 역시 다양한 스타일을 제공합니다. 갤러리 스타일은 크게 3가지로 나눠지며, 총 11가지 스타일을 제공합니다.

  • 그리드 갤러리 : 이미지의 비율을 설정하고 그 비율에 맞게 출력합니다. 바둑판처럼 일정한 모양을 가지게 됩니다.
  • Masonry 갤러리 : 이미지의 비율을 지정하지 않습니다. 이미지의 원본 비율대로 출력되며 자유분방한 리스트로 표현됩니다.
  • 슬라이드 갤러리 : 여러 이미지를 슬라이드하여 보여주는 방식입니다.

캘린더 위젯

중요한 일정을 등록하고 방문자들에게 보여주거나 알릴 수 있습니다.

  • 캘린더 연동 : 캘린더 위젯을 삭제하더라도 캘린더에 등록된 데이터는 삭제되지 않습니다. 캘린더 연동에서 지정한 캘린더의 데이터를 불러옵니다.
  • 캘린더 이름 : 현재 연동된 캘린더의 이름을 수정합니다. 캘린더를 추가하면 자동으로 "이름 없는 캘린더#" 형식의 이름이 부여됩니다. 관리의 편의를 위해 알아보기 좋은 이름으로 수정해 주세요.(예: 회사 행사 일정)
  • 분류 : 분류를 추가하여 유형에 따라 다른 색상으로 표현할 수 있습니다. 기본값은 사이트의 브랜드 색상입니다.
  • 읽기권한, 작성권한 : 캘린더 위젯의 권한을 설정합니다.
  • 표시영역 : 상세 정보에 글쓴이(작성자) 표시 여부를 설정합니다.

캘린더 사용 방법
1단계, 디자인 모드에서는 캘린더에 일정을 추가할 수 없습니다. 미리보기에서 할 수 있습니다.
2단계, 달력의 날짜에 클릭을 하면 일정을 추가할 수 있습니다.
3단계, 일정의 제목을 입력 후 일정 추가를 누르면 일정이 추가됩니다.
4단계, 본문 및 세부 일정을 설정하려면 상세 일정을 누릅니다.

: 추가된 일정은 드래그로 기간을 조정하거나 다른 날짜로 이동할 수 있습니다.

입력폼 위젯

입력폼 위젯은 신청서를 접수받거나 각종 설문조사, 의견 등을 사용자로부터 제출 받을 때 사용하는 위젯입니다. 게시판과 달리 항목을 다양하게 구성할 수 있으며, 사용자는 제출한 정보를 볼 수 없습니다.

  • 입력폼 연동 : 입력폼 위젯을 삭제하더라도 입력폼에 등록된 데이터 및 응답결과는 삭제되지 않습니다. 입력폼 연동에서 지정한 입력폼의 데이터를 불러옵니다.
  • 입력폼 이름 : 현재 연동된 입력폼의 이름을 수정합니다. 입력폼을 추가하면 자동으로 "이름 없는 입력폼#" 형식의 이름이 부여됩니다. 관리의 편의를 위해 알아보기 좋은 이름으로 수정해 주세요.(예: 고객 설문조사)
  • 확인 메시지 : 사용자가 응답 제출 이후 보게 될 문구를 설정합니다. 
  • 버튼 텍스트 : 제출(확인) 버튼에 사용할 문구를 설정합니다.
  • 권한 : 입력폼 응답을 제출할 수 있는 권한을 설정합니다. 모든 사용자 외에도 로그인 사용자 또는 특정 그룹 사용자를 지정할 수 있습니다.
  • 응답 후 수정허용 : 이 옵션이 활성화 되면 응답 제출 직후 응답수정 버튼이 표시됩니다. 페이지를 벗어난 이후 수정은 불가합니다.
  • 응답 수 제한 : 특정 행사 참가 신청과 같이 최대 응답 한도를 지정할 때 사용합니다. 예를들어 100으로 설정했으면 100명까지만 응답 접수가 되며 이후로는 입력폼 참여가 불가합니다.
  • 응답 후 자동 SMS : 신청자가 남긴 핸드폰 연락처로 응답 후 바로 SMS를 발송할 수 있습니다. 관리자 모드 > 사용자 관리 > SMS 발송 설정에서 충전 후 입력폼 연락처 아래 '이 연락처로 SMS 발송'을 선택한 후 이용할 수 있습니다.  
  • 마감일 지정 : 지정한 마감일부터 응답 참여가 불가합니다.
  • 개인정보 수집동의 : 정보통신망 이용촉진 및 정보보호 등에 관한 법률에 의해 이용자의 개인정보를 수집하거나 이용하려는 경우 이용자에게 알리고 동의를 받도록 규정하고 있습니다. 이러한 유형에 해당되는 경우 옵션을 활성화 합니다.
  • 사용자 정의 색상 설정 : 입력폼의 기본 스타일과 색상은 공통 디자인의 입력 필드 스타일을 따르지만 예외적으로 다른 색상을 적용하고자 할 때 사용합니다.

폼 구성요소
단답형(한 줄 텍스트), 여러줄, 단일 선택(라디오 버튼), 체크 박스, 목록 선택형(셀렉트), 파일 업로드가 제공됩니다. 반드시 입력해야 하는 사항이라면 필수 옵션에 체크하면 됩니다.

사용자가 입력폼을 제출하면 사이트 소유자에게 알림이 갑니다.

지도 게시판 위젯

여러 위치정보를 한 번에 표시하고자 할 때 사용합니다. 예를 들어 서대문구에 있는 음식점 정보를 표시하거나, 프랜차이즈 가맹점 위치를 표시하고자 할 때 사용합니다.

지도 리스트는 게시판처럼 미리보기 상태에서만 위치 정보를 추가할 수 있으며, 권한에 따라 비회원 또는 일반 회원도 추가가 가능하니 권한 설정을 확인해야 합니다. 또한 지도 리스트는 게시판, 입력 폼, 캘린더와 같은 페이지에서 사용이 불가능합니다.

주의 : 모든 환경에서 원활히 위치정보를 사용하기 위해서는 SSL이 반드시 필요합니다. 예를 들어 SSL이 적용되지 않은 사이트에서 Chrome 등 일부 브라우저에서는 거리순 정렬이 되지 않습니다. 자세한 사항은 SSL 구매 및 정보를 참고하세요.

  • 지도 연동 및 지도 리스트명 : 지도 위젯을 삭제하더라도 데이터는 삭제되지 않습니다.(단일 지도형 은 지도를 삭제할 경우 데이터가 사라집니다) 다른 메뉴에서 같은 지도 리스트 데이터를 사용하고자 할 때 이를 활용합니다. 연동된 지도 리스트 명을 알기 쉬운 말로 변경하여 사용하시기 권장합니다. (예: 성북구 맛집)
  • 정보 : 목록, 상세 조회(읽기), 등록, 댓글 등 부분별로 권한을 지정할 수 있습니다. 지도 리스트는 특성상 모든 이용자가 등록 권한을 가지기엔 부적절한 경우가 있으므로 이 사항을 꼭 확인하시기 바랍니다.
  • 리스트 항목 : 지도 리스트에서 표시될 항목을 설정합니다. 이곳에서 해제한 항목은 상세 정보에서도 표시되지 않습니다.
  • 정렬옵션 : 기본 정렬 옵션을 선택합니다. 기본 정렬 옵션을 거리순으로 하더라도 사용자가 등록순으로 선택할 수 있습니다.


지도 리스트 작성하기
지도 리스트의 게시물은 디자인 모드에서 추가할 수 없으며 미리보기에서 해야 합니다. 작성 화면은 게시판과 거의 유사하지만 "위치를 추가해 주세요!" 버튼 유무가 차이점입니다.

위치를 추가해 주세요! 버튼을 누르면 위와 같은 창이 열립니다. 주소, 장소 검색에 주소의 일부 또는 전체(예: 연희동 413-106)를 입력한 후 엔터 또는 돋보기 모양의 아이콘을 누르면 검색된 주소목록이 하단에 표시됩니다. 이 목록에서 원하는 주소를 선택해야 올바르게 위치정보가 입력됩니다.

최신글 위젯

예를 들어 자유게시판의 게시물 일부를 메인페이지에서 표시하고자 할 때 메인 페이지에는 최신글 위젯을 삽입합니다. 최신글 위젯은 지정한 게시판에 등록된 게시물 일부를 표시해 주는 기능을 제공합니다.

  • 게시판 연동 : 최신글 위젯에서 불러올 게시판을 선택합니다. 여러 개의 게시판 또는 전체 게시판을 한 번에 불러올 수도 있습니다.
  • 유형 : 최근 등록된 게시물 순으로 표시하는 최신 글과 일간, 주간, 월간 인기글을 선택할 수 있습니다.