워드프레스 - Contact Form 7 플러그인 사용법

Contact 페이지 만들기 및 Contact Form 7 플러그인 사용법

 

저는 워드프레스에서 제공하는 Accelerate 테마를 가지고 블로그용으로 웹 사이트를 만드는 것이기 때문에 앞서 설명한 이론적인 내용은 생략하고 워드프레스의 기능적인 사용법 위주로 설명하겠습니다.

 

컨택트 페이지를 만들어 보겠습니다. 컨택트 페이지는 폼을 만들고 사용자가 그 폼에 내용을 입력하면 제 메일로 그 내용을 전달 받을 수 있습니다. 컨택트 페이지에 폼을 만들기 위해서는 플러그인이 필요합니다. 그 플로그인은 Contact Form 7 이라는 무료 플로그인 입니다. Contact Form 7 플러그인을 설치하고 활성화 한 후에 컨택트 페이지를 만들어야 합니다. 컨택트 페이지는 새 페이지를 만들고 우측에 보면 테마가 제공하는 컨택트 페이지 템플릿이 있습니다. 그 템플릿을 선택하고 Contact Form 7 플러그인에서 Shorcode를 복사 후 페이지에 붙여 넣기해서 발행하면 컨택트 페이지가 만들어 집니다.

Contact Form 7 플러그인 설치

Contact Form 7 플러그인을 설치하기 위해서 '플러그인 < 플러그인 추가하기'로 들어가서 상단에 '인기'를 클릭합니다. 여기서 Contact Form 7 플러그인을 찾아서 '지금 설치하기'를 클릭하고 설치가 되면 '활성화' 버튼을 눌러서 플러그인을 활성화 시킵니다.

 

이렇게 플러그인을 활성화 한 후에 새 페이지를 만들어야 됩니다.

 

'페이지 < 새 페이지 추가'로 들어가서 제목을 "Contact" 라고 입력해 줍니다. 우측 사이드바에 보면 템플릿이 있습니다. Accelerate 테마는 템플릿을 두 개를 제공합니다. 'Business Template'은 홈페이지 만들때 사용할것이고, 'Contact Page Template' 은 지금 사용 할 것이기 때문에 선택해 줍니다.

 

컨택트 페이지에 삽입할 Shorcode를 복사해 와야 됩니다. Shorcode는 좌측 메뉴중에 'Contact'를 마우스 오른클릭해서 '새 탭에서 링크 열기'를 해 줍니다.

 

여기 'Contact form 1'에 보면 단축 코드가 있습니다. 이것을 선택해서 마우스 오른클릭해서 복사합니다.

 

다시 Contact 페이지로 와서 내용 입력란에 방금 복사한 Shorcode를 붙여넣기하면 디폴트 컨택트 폼이 만들어 집니다. 이렇게하고 '공개하기'를 누른후 '변경내용 미리보기'를 눌러서 확인해 봅니다.

 

지금까지 워드프레스에서 Contact Form 7 플러그인을 이용해서 컨택트 폼을 만들어 보았습니다.