내 HTML에서 WordPress 연락처 양식 7을 사용하는 방법

내 HTML에서 WordPress 연락처 양식 7을 사용하는 방법

제 웹사이트에서 WordPress Contact Form 7을 사용하고 싶은데 HTML/CSS 레이아웃이 이미 있습니다.그래서 그 커스텀 HTML 코드에서 사용할 수 있도록 플러그인을 수정하고 싶습니다.

<form id="contact_form" action="" method="post">
    <div>
        <label for="contact_name">Nombre</label>
        <input id="contact_name" type="text" required aria-required="true" placeholder="Nombre">
    </div>
    <div>
        <label for="contact_email">Email</label>
        <input id="contact_email" type="mail" name="email" required aria-required="true" placeholder="su@example.com">
    </div>
    <div id="area_message">
        <label for="contact_message">Mensaje</label>
        <textarea id="contact_message" type="mail" required aria-required="true" placeholder="Mensaje"></textarea>
        <input id="contact_btn" type="submit" value="enviar">
    </div>
</form>

질문입니다. 이 코드를 Contact Form 7 코드로 수정해야 합니까?아니면 플러그인 관리에 포함시켜야 합니까?

아무것도 변경할 필요가 없습니다.Contact Form 7은 이를 즉시 지원합니다.사용해보거나 설명서를 읽어보셨나요?그렇다면 어떤 점이 효과적입니까, 아니면 그렇지 않습니까?

아래 코멘트에 근거한 갱신

양식 7에 작성한 각 필드의 단축코드가 기재되어 있습니다."양식" 섹션에서 단축 코드를 HTML로 줄 바꿈할 수 있습니다.질문에서 제공한 예를 사용하면 다음과 같습니다.

<div>
<label for="contact_name">Nombre</label>
[text* your-name 20/40 class:required "John Smith"]
</div>

이것을 포장할 필요는 없습니다.<form>tags - Form 7에 문의해 주세요(또한 ID를 할당합니다).

WordPress 텍스트 편집기에서 Contact Form 7 인터페이스 상단에 제공된 형식 단축 코드를 사용하여 최종 출력을 표시합니다.이것을 PHP 템플릿에 넣는 경우는, 다음을 사용해 주세요.

<?php echo do_shortcode("SHORTCODE GOES HERE"); ?>

양식 7에도 메일 섹션이 있습니다.이 섹션에서는, 메일의 송신원 및 송신원을 특정할 수 있습니다.일부 호스팅 공급자(예: DreamHost)에서는 FROM 전자 메일이 사이트 자체와 동일한 도메인이어야 합니다(예:http://example.com에서 이메일을 보내야 합니다.hello@example.com, 또는 유사한 주소).올바른 주소에 응답할 수 있도록 하기 위해 다음과 같이 replyto 헤더를 추가합니다.

Reply-To: [email]

변경만[email]이메일 필드에 출력된 단축코드와 일치시킵니다.

그러나 이 내용은 Contact Form 7 매뉴얼에 기재되어 있습니다.http://contactform7.com/docs/

Contact Form 7 Element Converter라는 WordPress 플러그인을 사용할 수도 있습니다.HTML 양식을 복사하여 연락처 양식 7에 붙여넣기만 하면 요소가 단축 코드로 변환됩니다.많은 프로젝트 속도를 높입니다.

다음은 링크입니다.https://wordpress.org/plugins/cf7-element-converter/

언급URL : https://stackoverflow.com/questions/18339500/how-to-use-wordpress-contact-form-7-in-my-own-html