2013-08-20 11 views
6

私は自分のウェブサイト上でWordpress Contact Form 7を使いたいのですが、すでにHTML/CSSレイアウトがあります。だから、そのカスタムHTMLコードでプラグインを使用するようにプラグインを修正したい。Wordpress Contact Form 7を自分の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> 

質問:私はいくつかのコンタクトフォーム7のコードでこのコードを修正する必要がありますか、これをプラグインの管理に含める必要がありますか?

答えて

5

何も変更する必要はありません。 Contact Form 7は、これをそのまま使用できます。あなたはそれを試したことがありますか、まだドキュメントを見ましたか?もしそうなら、何があなたのために働いていますか?

お問い合わせフォーム7以下のコメントをもとに

アップデートは、あなたが生成された各フィールドのショートを与えます。 「フォーム」セクションでショートコードをHTMLで囲むことができます。あなたはこのようになり、あなたの質問に設けられた例を使用:

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

あなたは<form>タグでこれをラップする必要はありません - お問い合わせフォーム7は、すでに(とIDを割り当て)することを行います。

WordPressのテキストエディタでは、最終出力を表示するには、Contact Form 7インターフェイスの上部にあるフォームショートコードを使用します。あなたがPHPテンプレートでこれを置くことを好むだろう場合は、これを使用する:

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

問い合わせフォーム7はまた、あなたがメールに行くから来るべき人識別し、メール、の部分があります。一部のホスティングプロバイダ(Dream Hostなど)では、FROM電子メールがサイト自体と同じドメインになる必要があります(http://example.comのフォームは[email protected]または同様のアドレスから電子メールを送信する必要があります)。あなたはまだ右のアドレスに返信することができ、あなたがこのようなReplyToヘッダーを追加することを確認するには:

Reply-To: [email] 

のみメールフィールドの出力ショートが何であっても一致する[email]を変更します。

しかし、真剣に、このようなものは、お問い合わせフォーム7のドキュメントにALLです、私は、ドキュメントをチェックしましたし、私が見てきたドキュメントのすべてで、彼らはこのようなコードを入れhttp://contactform7.com/docs/

+0

うん:[テキスト*あなたの名前20/40クラス:必須 "John Smith"]。私はHTMLコードで直接プラグインを使用できるかどうかを知りたい。電子メールを送信するために上記のコードにどのような変更を加えなければなりませんか?今、何もしていない。 –

+0

ここにあなたのコメントに基づいて私の答えを更新しました。 –

関連する問題