Skip to content
No results
  • 대시보드 페이지
  • 로그아웃
  • 로그인
  • 미션
  • 비밀번호 찾기
  • 제한된 콘텐츠
  • 장바구니
  • 체인저 메뉴얼 홈
  • 회원가입
Knowledge Base in 체인저스
  • 튜토리얼
  • 웹 빌더 메뉴얼
  • 폼 도구 메뉴얼
Knowledge Base in 체인저스

튜토리얼

  • 페이지 복제하는 방법
  • 작업한 페이지를 홈페이지로 변경하기
  • 레이 아웃 생성 하기
  • 레이아웃 저장, 저장 불러오기
  • 열과 행 기능
  • 버튼 기능
  • 비디오 기능
  • 아이콘 기능
  • 이미지 기능
  • 인스턴트 이미지 및 배경 기능
  • 블록 기능 추가 설명
  • 블록, 레이아웃 및 스타일 변경 기능
  • 텍스트 설정 및 생성하기
  • 폼 페이지 설계
  • 폼 필드 설정
  • 폼 생성 및 수정
  • 폼 문구 및 페이지 설정
  • 폼 연락처 수집 DB 분류 설정
  • DB 수집 목록 및 태그 생성
  • 폼 확인 이메일 발송
  • 자가진단 폼 생성
  • 진단 폼 점수 표시 설정

기본 설정 방법

  • 페이지에 여러 도메인을 셋팅하는 방법
  • 네이버 이메일 셋팅하기

웹 빌더 메뉴얼

  • 1. 블록과 레이아웃 기능
  • 2. 요소 생성 및 열과 행, 요소 세부 설정
  • 3. 요소 탭 – 디자인 요소
  • 4. 요소 탭 – 글로벌 기능

폼 도구 메뉴얼

  • 폼 생성 및 사용하기
  • 폼 필드 추가하기
  • 폼 설정 – 확인 메시지, 페이지 설정
  • 폼 설정 – 관리자 이메일 알림 설정
  • 폼 설정 – 폼 이용 이메일 알림
  • 폼 설정 – 레이아웃 필드, 라벨 표시 및 디자인
  • 폼 설정 – 이메일 알림 이미지, 파일 삽입
  • 폼 설정 – 폼 알림 날짜 설정
  • 폼 삽입 – 블록 편집기 페이지 폼 삽입
  • 폼 삽입 – 워드프레스 위젯으로 삽입하기
  • 폼 필드 메뉴얼 - 기본 필드
    • 폼 필드 설정 – 이름 입력 필드 설정
    • 폼 필드 설정 – 이메일 입력 필드 설정
    • 폼 필드 설정 – 간단한 텍스트 필드 설정
    • 폼 필드 설정 – 마스크 입력 필드 설정
    • 폼 필드 설정 – 텍스트 영역 필드
    • 폼 필드 설정 – 주소 필드 설정
    • 폼 필드 설정 – 국가 목록 필드 설정
    • 폼 필드 설정 – 숫자 필드 설정
    • 폼 필드 설정 – 드롭 다운 필드 설정
    • 폼 필드 설정 – 라디오 필드 설정
    • 폼 필드 설정 – 체크 박스 필드
    • 폼 필드 설정 – 다중 선택 필드 설정
    • 폼 필드 설정 – 웹 사이트 주소 필드 설정
    • 폼 필드 설정 – 시간 및 날짜 필드 설정
    • 폼 필드 설정 – 이미지 업로드 필드 설정
    • 폼 필드 설정 – 파일 업로드 필드 설정
    • 폼 필드 설정 – 사용자 정의 HTML
    • 폼 필드 설정 – 폰/모바일 필드 설정
  • 폼 필드 메뉴얼 - 고급 필드
    • 폼 필드 설정 – 히든 필드 설정
    • 폼 필드 설정 – 섹션 나누기 필드 설정
    • 폼 필드 설정 – 숏 코드 필드 설정
    • 폼 필드 설정 – 이용 약관 필드 설정
    • 폼 필드 설정 – 액션 훅 필드 설정
    • 폼 필드 설정 – 양식 단계 필드 설정
    • 폼 필드 설정 – 평가 필드 설정
    • 폼 필드 설정 – 체크 가능한 그리드 필드 설정
    • 폼 필드 설정 – GDPR 계약 필드 설정
    • 폼 필드 설정 – 비밀번호 필드 설정
    • 폼 필드 설정 – Custom Submit Button 필드 설정
    • 폼 필드 설정 – 시그니처 필드 설정
    • 폼 필드 설정 – Range Slider 필드 설정
    • 폼 필드 설정 – 순 추천 고객 점수 필드 설정
    • 폼 필드 설정 – Chained Select 필드 설정
    • 폼 필드 설정 – Color Picker 필드 설정
    • 폼 필드 설정 – 필드 반복 필드 설정
    • 폼 필드 설정 – Rich Text Input 필드 설정
    • 폼 필드 설정 – Save & Resume 필드 설정
    • 폼 필드 설정 – 퀴즈 점수 필드 설정
  • 폼 필드 메뉴얼 - 결제 필드
    • 폼 필드 설정 – 지불 항목 필드 설정
    • 폼 필드 설정 – Subscription 필드 설정
    • 폼 필드 설정 – 사용자 정의 지불 금액 필드 설정
    • 폼 필드 설정 – 품목 수량 필드 설정
  • 폼 필드 메뉴얼 - 컨테이너 필드
    • 필드 설명 – 컨테이너 필드
  • 폼 수집 데이터 관리
    • 폼 제출 데이터 관리/확인
View Categories

3. 요소 탭 – 디자인 요소

다양한 요소 사용은 컨텐츠 삽입 및 디자인을 위해 필요한 기능입니다. 지금부터 다양한 요소들의 전체적인 이용 방법을 설명하겠습니다.

텍스트 기능 #

1. 요소 탭에서 텍스트 항목을 드래그해 원하는 위치에 삽입합니다.

2. 추가한 텍스트를 클릭해 텍스트 내용을 변경할 수 있습니다.

텍스트 세부 설정 – 글씨체 설정 #

1. 텍스트를 클릭해 세부 설정을 변경할 수 있습니다.
(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

2. 두 번째 아이콘을 클릭해 글씨체 및 글자 간 간격을 조절할 수 있습니다.

3. 좌측의 글씨체 목록들 사이에서 원하는 글씨체를 클릭해 변경할 수 있습니다.

4. 박스 안에서 왼쪽의 위치한 항목은 글씨 크기를, 오른쪽의 위치한 항목은 글씨의 굵기를 조절합니다.

5. 박스 안에서 왼쪽의 위치한 항목은 문장 위 아래 간격을, 오른쪽의 위치한 항목은 글씨 간 간격을 조절합니다.

6. Add New Font 항목을 클릭 후, 글씨체 파일을 삽입할 수 있습니다.

텍스트 세부 설정 – 문장 정렬 #

1. 네 번째 아이콘을 클릭해 문장을 정렬할 수 있습니다.

텍스트 세부 설정 – 문장 목록 설정 #

1. 다섯 번째 아이콘을 클릭해 문장을 목록화 할 수 있습니다.

텍스트 세부 설정 – 글씨 부분 굵기 설정 #

1. 여섯 번째 아이콘을 클릭해 글자를 굵게 바꿀 수 있습니다. 일정 부분만 굵게 만들기도 가능합니다.

텍스트 세부 설정 – 글씨 이탤릭체, 선 긋기 설정 #

1. 일곱 번째 아이콘을 클릭해 글씨를 눕힐 수 있습니다. (이탤릭체)

2. 여덟 번째 아이콘을 클릭해 밑줄을 그을 수 있습니다.

3. 아홉 번째 아이콘을 클릭해 문장에 줄을 그을 수 있습니다.

(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

이미지 기능 #

1. 요소 탭에서 이미지 항목을 드래그해 원하는 위치에 삽입합니다.

이미지 세부 설정 – 인스턴트 이미지 기능 #

1. 첫 번째 아이콘을 클릭합니다.

2. 이후 표시되는 팝업에서 인스턴트 이미지 항목을 클릭합니다.

3. 우측의 검색창에 찾고 싶은 이미지의 카테고리를 입력한 후, 이미지를 삽입합니다. (영어 사용을 권장합니다.)

(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

버튼 기능 #

1. 요소 탭에서 버튼 항목을 드래그해 원하는 위치에 삽입합니다.

버튼 세부 설정 – 크기 및 아이콘 설정 #

1. 첫 번째 아이콘을 클릭 버튼의 크기, 색 채우기, 모서리를 설정할 수 있습니다.

2. 아이콘 항목에서 버튼의 아이콘을 변경하거나 삭제 할 수 있습니다.

3. 위치 항목을 클릭해 아이콘의 위치를 설정할 수 있습니다.

4. 사이즈 항목을 클릭해 아이콘의 크기를 조절할 수 있습니다.

5. 스페이싱 항목을 클릭해 아이콘과 텍스트의 간격을 조절할 수 있습니다.

(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

아이콘 기능 #

1. 요소 탭에서 아이콘 항목을 드래그해 원하는 위치에 삽입합니다.

아이콘 세부 설정 – 아이콘 변경 및 배경 설정 #

1. 첫 번째 아이콘을 클릭해 아이콘을 변경하고, 아이콘의 배경을 설정할 수 있습니다.

2. 아이콘 항목을 클릭해 아이콘 목록을 볼 수 있습니다.

3. 아이콘 목록을 클릭해 다른 디자인의 아이콘 목록도 확인할 수 있습니다.

4. 아이콘 키워드를 입력해 키워드에 맞는 아이콘을 찾을 수 있습니다.

5. 적합한 아이콘을 클릭해 아이콘 변경이 가능합니다.

6. 사이즈 항목에서 아이콘 사이즈를 조절할 수 있습니다.

7. 배경 항목에서 아이콘 배경의 색 채우기, 모서리, 사이즈를 설정할 수 있습니다.

여백 설정 기능 #

1. 요소 탭에서 여백 설정 항목을 드래그해 원하는 위치에 삽입합니다.

여백 세부 설정 – 여백 조정 #

1. 여백 항목을 클릭해 여백의 높이를 조절할 수 있습니다.

(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

지도 기능 #

1. 요소 탭에서 지도 항목을 드래그해 원하는 위치에 삽입합니다.

지도 세부 설정 – 위치 및 줌 #

1. 지도 항목에서 보여질 위치와 줌을 조정할 수 있습니다.

(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

선 기능 #

1. 요소 탭에서 선 항목을 드래그해 원하는 위치에 삽입합니다.

선 세부 설정 – 스타일 조정 #

1. 선 항목의 첫 번째 아이콘을 클릭해 스타일을 디자인할 수 있습니다.

2. 스타일 항목으로 선 내부에 텍스트, 아이콘을 삽입할 수 있습니다.

3. Type 항목에서 선의 형태를 변경할 수 있습니다.

4. 높이 항목에서 선의 높이를 조절할 수 있습니다.

5. 텍스트 항목에서 선 내부 내용의 정렬을 변경할 수 있습니다.

6. 스페이싱 항목에서 내용과 선의 거리를 조절할 수 있습니다.

7. 선 내부 내용을 클릭해, 변경할 수 있습니다.

(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

메뉴 기능 #

1. 요소 탭에서 메뉴 항목을 드래그해 원하는 위치에 삽입합니다.

메뉴 세부 설정 – 메뉴 내용 및 디자인 설정 #

1. 메뉴 항목에서 표시 될 메뉴를 선택할 수 있습니다. (표시 될 메뉴의 내용은 관리자 알림판 외관 설정을 통해 설정할 수 있습니다.)

2. Make it Hamburger 항목에서 메뉴를 ‘햄버거 메뉴’ 형식으로 변경할 수 있습니다.

3. 메뉴의 정렬 방향을 변경할 수 있습니다.

4. 스페이싱 항목에서 내용 사이 간격을 조절할 수 있습니다.

(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

검색 기능 #

1. 요소 탭에서 검색 항목을 드래그해 원하는 위치에 삽입합니다. (이용자가 키워드 검색 시 연결되는 페이지는 관리자 사용자 정의를 통해 디자인 가능합니다.)

검색 세부 설정 – 스타일 변경 #

1. 첫 번째 항목을 클릭해 스타일을 변경할 수 있습니다.

(이 페이지에서 설명되지 않는 세부 설정은 모두 ‘요소 생성 및 열과 행, 요소 세부 설정’ 메뉴얼에서 확인하실 수 있습니다.)

도움이 되셨나요?
이 기사를 공유하세요:
  • Facebook
  • X
  • LinkedIn
  • Pinterest
아직도 붙어있나요? 어떻게 도와드릴까요?

어떻게 도와드릴까요?

업데이트 날짜 5월 20, 2024
2. 요소 생성 및 열과 행, 요소 세부 설정4. 요소 탭 – 글로벌 기능

제공: BetterDocs

Leave a ReplyCancel Reply

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

목차
  • 텍스트 기능
  • 텍스트 세부 설정 - 글씨체 설정
  • 텍스트 세부 설정 - 문장 정렬
  • 텍스트 세부 설정 - 문장 목록 설정
  • 텍스트 세부 설정 - 글씨 부분 굵기 설정
  • 텍스트 세부 설정 - 글씨 이탤릭체, 선 긋기 설정
  • 이미지 기능
  • 이미지 세부 설정 - 인스턴트 이미지 기능
  • 버튼 기능
  • 버튼 세부 설정 - 크기 및 아이콘 설정
  • 아이콘 기능
  • 아이콘 세부 설정 - 아이콘 변경 및 배경 설정
  • 여백 설정 기능
  • 여백 세부 설정 - 여백 조정
  • 지도 기능
  • 지도 세부 설정 - 위치 및 줌
  • 선 기능
  • 선 세부 설정 - 스타일 조정
  • 메뉴 기능
  • 메뉴 세부 설정 - 메뉴 내용 및 디자인 설정
  • 검색 기능
  • 검색 세부 설정 - 스타일 변경