본문 바로가기

워드프레스

워드프레스 Contact Form 7 플러그인 사용법 - (2) 메뉴에 적용하기

Contact Form 7의 설치와 기본양식 편집에 대해서는 지난 포스팅을 참고해주세요. 링크를 걸어둡니다.

 

워드프레스 Contact Form 7 플러그인 사용법 - (1) 설치와 기본양식 변경하기

Contact Form 7은 워드프레스에서 가장 많이 쓰이는 '문의하기' 플러그인 입니다. 세부적인 문의항목에 대해 구성하기가 쉬워서 많이 사용되는 플러그인입니다. 1. Contact Form 7 설치하기2. Contact Form 7 기본..

iamdaeyun.tistory.com

이번 포스팅에서는 메뉴에 적용하는 방법에 대해 알아보도록 할게요.

 

1. 단축코드를 복사하기

단축코드를 복사합니다.

지난번 포스팅에서 '저장'버튼을 누르는 것까지하여 기본 양식을 완성시켰습니다. 이제 남은것은 제목 아래에 있는 파란색 단축 콛를 복사하여 메뉴에 적용하는 일입니다. 단축코드를 복사하고 페이지의 문의하기 메뉴로 넘어가도록 합니다.

 

2. 페이지의 "문의하기"메뉴.

제 워드프레스의 페이지의 메뉴 목록입니다. 이중에서 '문의하기'에 적용하려고 합니다. '문의하기'를 클릭합니다.

 

아까 복사해둔 코드를 넣은 모습입니다.

아까 복사해둔 단축코드를 붙여넣기합니다. 워드프레스의 글쓰기 폼은 블록 단위로 글을 작성할 수 있도록 변경되었죠. 그래서 붙여넣기하면 위의 캡쳐화면 처럼 보이게 됩니다. 캡쳐화면에는 안보이지만 화면의 오른쪽에 '업데이트'버튼이 있을거예요. 클릭해서 적용해줍니다. 

 

 

Contact Fom 7이 적용된 모습입니다.

제 워드프레스 홈페이지에 적용된 모습입니다. 적용이 잘 되었습니다. 기본 양식에서 '연락처'를 추가한 모습입니다. 보내기 버튼을 클릭해서 테스트 해봤더니 메일도 잘 오네요.

문의 메일이 잘 도착했습니다.

주의하실 점은 저는 현재 cafe24의 호스팅을 사용중이기 때문에 메일이 오지만 로컬에 설치하시고 테스트 중이시라면 당연히 메일이 안갈거예요. 메일서버가 없으니까요. 참고하세요.

 

728x90
300x250