초보자도 쉽게 따라하는 단계별 가이드
워드프레스 아바다 테마를 사용하여 맞춤형 양식을 만드는 방법을 상세히 알아보겠습니다. 이전에는 Contact Form 7 플러그인을 주로 사용했지만, 아바다의 내장 양식 도구를 활용하면 더욱 효율적으로 작업할 수 있습니다.
양식 생성 시작하기
1. 양식 생성 페이지로 이동
– 대시보드에서 ‘아바다의 forms’을 선택합니다.
– 폼 이름을 “상담신청”으로 입력합니다.
– Live builder를 클릭하여 편집을 시작합니다.
2. 레이아웃 설정
– Avada Studio에서 제공하는 템플릿을 사용하거나, 새로 만들 수 있습니다.
– ‘Add container’ 버튼을 클릭하여 1/2 열 레이아웃으로 시작합니다.
양식 필드 추가하기
3. 텍스트 필드 추가
– ‘요소 추가’ 버튼을 클릭하고 ‘텍스트 필드’를 선택합니다.
– Field label에 “성함(회사명)”을 입력합니다.
– 필수 요소로 설정합니다.
4. 전화번호 필드 추가
– Phone number field를 선택합니다.
– Field label에 “연락처”를 입력하고 필수 요소로 설정합니다.
5. 이메일 필드 추가
– 새 열(1/1 컬럼)을 추가합니다.
– 이메일 필드를 추가하고 설정합니다.
6. 체크박스 필드 추가
– 새 열을 추가하고 Checkbox field를 선택합니다.
– Field label에 “코칭 내용”을 입력합니다.
– 필수 필드로 설정하고, 최소 선택 수를 1로 지정합니다.
– 옵션들을 입력하고 가로 레이아웃으로 변경합니다.
7. 텍스트 영역 추가
– Textarea를 선택하고 “기타 문의 사항”으로 라벨을 지정합니다.
– 텍스트 입력 공간을 넓게 조정합니다.
8. 제출 버튼 추가
– Submit button을 추가하고 텍스트를 “제출하기”로 변경합니다.
9. 알림 메시지 설정
– Notice를 추가하여 제출 후 안내문을 설정합니다.
디자인 및 설정 마무리
10. 컬러 및 스타일 조정
– 글로벌 옵션에서 Alert 컬러를 조정합니다.
– Form options의 Appearance에서 양식 관련 컬러를 변경합니다.
11. 알림 설정
– Notifications에서 양식 제출 시 데이터를 받을 이메일을 설정합니다.
양식 적용 및 테스트
12. 페이지에 양식 추가
– Contact 페이지로 이동하여 Edit page를 클릭합니다.
– ‘Add element below’를 클릭하고 Avada Form을 선택합니다.
– 왼쪽 메뉴에서 방금 만든 “상담신청” 폼을 선택합니다.
13. 테스트 및 확인
– 데이터를 입력하고 제출 버튼을 클릭하여 테스트합니다.
– 성공적으로 제출되었다는 메시지를 확인합니다.
## 결론
아바다 테마의 양식 만들기 도구는 처음에는 어려울 수 있지만, 익숙해지면 매우 편리합니다. 웹 개발은 계속해서 새로운 도구와 방법을 학습해야 하는 분야입니다. 이러한 다양한 접근 방식을 통해 우리는 더 효율적이고 유연한 웹사이트를 만들 수 있습니다.
