Contact Form 7의 설치와 기본양식 편집에 대해서는 지난 포스팅을 참고해주세요. 링크를 걸어둡니다.
이번 포스팅에서는 메뉴에 적용하는 방법에 대해 알아보도록 할게요.
1. 단축코드를 복사하기
지난번 포스팅에서 '저장'버튼을 누르는 것까지하여 기본 양식을 완성시켰습니다. 이제 남은것은 제목 아래에 있는 파란색 단축 콛를 복사하여 메뉴에 적용하는 일입니다. 단축코드를 복사하고 페이지의 문의하기 메뉴로 넘어가도록 합니다.
2. 페이지의 "문의하기"메뉴.
아까 복사해둔 단축코드를 붙여넣기합니다. 워드프레스의 글쓰기 폼은 블록 단위로 글을 작성할 수 있도록 변경되었죠. 그래서 붙여넣기하면 위의 캡쳐화면 처럼 보이게 됩니다. 캡쳐화면에는 안보이지만 화면의 오른쪽에 '업데이트'버튼이 있을거예요. 클릭해서 적용해줍니다.
제 워드프레스 홈페이지에 적용된 모습입니다. 적용이 잘 되었습니다. 기본 양식에서 '연락처'를 추가한 모습입니다. 보내기 버튼을 클릭해서 테스트 해봤더니 메일도 잘 오네요.
주의하실 점은 저는 현재 cafe24의 호스팅을 사용중이기 때문에 메일이 오지만 로컬에 설치하시고 테스트 중이시라면 당연히 메일이 안갈거예요. 메일서버가 없으니까요. 참고하세요.
728x90
300x250