contact Form 7 6

텍스트 입력 상자에 숫자와 하이픈만 입력 허용하기

텍스트 입력 상자에 숫자만 입력 가능하도록 하거나 숫자와 하이픈만 입력을 허용하고 싶은 경우가 있습니다. 이 경우 text input 필드의 타입을 number나 tel로 변경하는 것을 고려해볼 수 있습니다. input 타입을 nubmer로 변경하면 숫자만 입력 가능하고 tel로 설정하면 숫자와 하이픈(-)과 더하기 기호, 괄호 등 전화번호 입력에 필요한 숫자와 문자만 입력할 수 있습니다. text 타입을 그대로 두고 숫자만 입력 가능하도록 하거나 숫자와 하이픈(-)만 입력하도록 허용하려는 경우 아래의 자바스크립트나 jQuery 스크립트를 활용할 수 있습니다. 텍스트 입력 상자에 숫자와 하이픈만 입력 허용하기 다음 자바스크립트를 적용하면 숫자와 대시(-)만 입력이 가능하게 됩니다. var userName..

워드프레스 컨택트 폼에 이용약관 동의 필드를 추가하는 방법

워드프레스에서 Contact Form 7 무료 플러그인을 사용하여 사용자나 고객으로부터 문의를 받을 수 있습니다. 정보를 입력하고 이용약관이나 서비스 약관, 혹은 개인정보 보호정책에 동의해야 컨택트 폼(폼메일)이 발송되도록 하고 싶은 경우가 있습니다. 이 경우 다음과 같은 형식으로 이용약관 필드를 추가할 수 있습니다.이용약관(필수) [checkbox* checkbox-857 "동의"] 그러면 사용자가 이용약관 동의란에 체크하지 않으면 오류가 발생하면서 폼이 발송되지 않습니다. 영어로 표시되는 오류 메시지는 '메시지' 탭에서 한글로 변경할 수 있습니다. 이용약관 내용을 문의 폼 내에 직접 추가할 수 있습니다. 또는, 별도의 이용약관 페이지를 하나 만들고 이용약관에 링크를 다는 것도 가능합니다. 이용약관 내..

워드프레스 2018.09.03

워드프레스 Contact Form 7에서 첨부파일 추가 및 메일로 전송받기

워드프레스 Contact Form 7 플러그인에서 첨부 파일을 추가하려면 Form에서 "file"을 클릭하면 됩니다. 다음과 같은 형식으로 필드를 추가해도 됩니다. [file your-file filetypes:pdf|txt limit:2mb] Contact Form 7에서 첨부 파일은 서버에 저장되지 않기 때문에 이메일로 받아야 합니다. 이메일로 받으려면 Mail 탭의 File Attachments 부분에 [your-file] 형식으로 추가하도록 합니다. Contact Form 7에서 파일 첨부에 대한 내용은 Contact Form 7 문서("File Uploading and Attachment")를 참고해보세요. Contact Form 7 대신 유료 플러그인 Quform을 사용할 수도 있습니다. Qu..

워드프레스 2018.03.15

[워드프레스] 닷홈에서 메일 전송 문제

닷홈 무료 호스팅을 사용하는 경우 워드프레스에 설치된 컨택트 폼을 통해 사용자가 문의를 제출해도 메일이 들어오지 않습니다. 이 문제에 대해 닷홈 무료 호스팅에서는 스팸메일의 문제로 인하여 서버상에서 발송되는 메일 기능이 제한되어 있다면서 유료 전환 등을 통해 서비스를 변경해야 한다고 하네요. 심지어 Easy WP SMTP 같은 플러그인을 설치해도 접근 권한이 없다고 나오면서 제대로 작동하지 않을 것입니다. 닷홈에서 메일 발송 오류가 발생하는 경우 먼저 사용 중인 웹호스팅 상품에서 메일 발송을 제한하지 않는지 체크해보시기 바랍니다. 엊그제 카페24에서 메일 전송이 잘 안 되는 문제에 대한 포스팅을 올린 적이 있습니다. 워드프레스 컨택트 폼에서 메일이 전송되지 않는 문제 카페24에서 호스팅되는 워드프레스 사..

워드프레스 2017.12.22

워드프레스 Contact Form 7에서 컨택트 폼 제출 후 다른 페이지/URL로 이동시키는 방법

Contact Form 7은 워드프레스에서 인기 있는 무료 컨택트 폼 플러그인입니다. 이때까지 “on_sent_ok” 후크를 사용하여 양식 제출 후 이동할 URL을 쉽게 지정할 수 있었지만 이제 “on_sent_ok”를 입력하면 오류 메시지가 표시됩니다. on_sent_ok는 2017년 말까지만 사용되고 이후부터는 사용되지 않는다고 합니다. 이제부터는 대신 다음 스크립트를 페이지 템플릿에 추가하여 컨택트 폼 제출 후 다른 페이지나 URL로 리디렉션시킬 수 있습니다. 이제 조금 번거롭게 되었습니다. 양식 제출 후 동작을 쉽게 지정하려면 Quform을 사용해볼 수 있습니다. Quform에서는 매우 수월하게 양식 제출 후 동작을 지정할 수 있습니다. 참고: Contact Form 7에서 제출한 문의 글을 케이..

워드프레스 2017.12.15

[워드프레스] Contact Form 7에서 제출한 문의 글을 케이보드 게시판으로 연동하는 작업

오늘 Quform에서 케이보드 게시판으로 연동시키는 작업을 시도했지만 이상하게도 제대로 작동하지 않았습니다. 멀티사이트(Multisite)로 블로그가 설치되어 있어서 그런 것이 아닌가 추측해봅니다. (* 업데이트: Quform이 최근 버전 2로 업데이트되면서 많은 변화가 있었습니다. 그 때문에 기존 방식이 제대로 먹히지 않았던 것입니다. 새로운 방식으로 적용하면 가능합니다.) 그래서 어쩔 수 없이 Contact Form 7을 설치하여 컨택트 폼을 새로 만들어서 테스트해보니 잘 되네요. Contact Form 7은 멀티사이트를 완벽히 지원하는 것 같습니다. 개인용 폼과 단체용 폼 등 두 개의 폼을 만들고 Kboard 게시판도 두 개를 만들어서 연동시키는 작업이었습니다. 두 폼이 비슷해서 쉬울 줄 알았는데 ..

워드프레스 2017.10.17