web-dev-qa-db-ja.com

Wordpressお問い合わせフォーム7を自分のHTMLで使用する方法は？

Wordpressお問い合わせフォーム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="[email protected]">
    </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コードで変更する必要がありますか、それともプラグイン管理に含める必要がありますか？

htmlcsswordpresscontact-form-7
8
javier_el_bene

何も変更する必要はありません。お問い合わせフォーム7は、これをすぐにサポートします。それを使ってみたり、ドキュメントを見たりしましたか？もしそうなら、あなたのために何が機能しているか、機能していないのですか？

以下のコメントに基づいて更新

お問い合わせフォーム7には、生成した各フィールドのショートコードが記載されています。 「フォーム」セクションでショートコードをHTMLでラップできます。質問で提供した例を使用すると、次のようになります。

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

これを<form>タグでラップする必要はありません-ContactForm 7はすでにそれを行っています（そしてIDを割り当てます）。

WordPressテキストエディタで、Contact Form 7インターフェイスの上部にあるフォームショートコードを使用して、最終的な出力を表示します。これをPHPテンプレート、これを使用します：

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

お問い合わせフォーム7には、メールの送信先と送信元を特定するメールのセクションもあります。一部のホスティングプロバイダー（Dream Hostなど）では、FROM電子メールがサイト自体と同じドメインである必要があります（ http://example.com のフォームはhello @から電子メールを送信する必要がありますexample.com、または同様のアドレス）。正しいアドレスに返信できるようにするには、次のようなreplytoヘッダーを追加します。

Reply-To: [email]

[email]を変更して、電子メールフィールドに出力されたショートコードに一致するようにします。

しかし、真剣に、これはお問い合わせフォーム7のドキュメントにすべて含まれています： http://contactform7.com/docs/

9
Chris Ferdinandi

また、Contact Form 7 ElementConverterと呼ばれるwordpressプラグインを使用することもできます。必要なのは、htmlフォームをコピーしてcontact Form 7に貼り付けるだけで、要素をショートコードに変換します。高速化されます。私のプロジェクトの多く。

リンクは次のとおりです： https://wordpress.org/plugins/cf7-element-converter/

0
KenKey