その状態のまま、ソースを表示させたときにソースは問題無さそうですか？
それとも、そうなってしまいそうなソースが生成されていますか？
１．最初に本家WSC ProjectさんのＨＰを参考にされるとよいでしょう。
http://wsc.studiobrain.net/4/theme/demo/mailform
２．このページにタグが記載されていますので、それをコピしてContact Form7のフォームへ貼り付けます。そこでＷｅｂ表示を確認してください。（＊必要の無いタグは削除してください）・・・これでズレは解消すると思いますよ。
次に、ボット防止の「CAPTCHA」を利用する場合、現行のConact Form7 2.0.2を利用する場合は
[html]
<tr><th>CAPTCHA</th><td>画像に書かれた同じ文字を入力してください
[captchac captcha size:m][captchar captcha 4/4 class:text_s]</td></tr>
[/html]
を下記のように書き換えるとよいでしょう。
[html]
<tr><th>CAPTCHA</th><td>画像に書かれた同じ文字を入力してください
[captchac captcha size:m]
[captchar captcha 4/4]</td></tr>
[/html]
＊「class:text_s」を削除します。
それから、Contact Form7およびCAPTCHAの関係等、詳しくは下記サイトに詳しく記載されています。
http://ideasilo.wordpress.com/
ぜひ参考にしてください。
追記：
[html][/html]の表示（計4箇所）は無視してください。
kvex様
すみません、ソースの知識がなくよくわかりませんでした。
yuuki-kさんの方法でやってみます。
ありがとうございます。
yuuki-k様
やってみました。
確かに綺麗に表示されました。
ＢＯＴ対応のCAPTCHAに関しては別途やってみます。
早速送信テストを行ってみました。
ところが、送信者が[your-name]、件名が[your-subject]、メール内容が
[your-message]となってメールに届いてしまいました。
何かがおかしいのでしょうね。
すみません、もし分かれば教えてください。
その後、他のサイトでフォームの設置例があり試してみました。
↓
<p><label for=”your-name” class=”entry_author”>名前（必須） / name(required):</label>
[text* your-name 40/ id:your-name akismet:author]</p>
<p><label for=”your-email” class=”entry_email”>メールアドレス（必須） / email(required):</label>
[email* your-email 40/ id:your-email akismet:author_email]</p>
<p><label for=”your-subject” class=”entry_url”>件名 / subject:</label>
[text your-subject 40/ id:your-subject]</p>
<p><label for=”your-message” class=”entry_comment”>内容 / message:</label>
[textarea* your-message 50×10 id:your-message]</p>
<p>[submit “送信 / submit”]</p>
これだと、名前、件名、内容はきちんと送られてきました。
ただし、フォームの名前、メール、件名、内容の文字はやはり
ずれるのですが、邪道かもしれませんが、＜ＢＲ＞タグで無理やり合せました。
なかなかうまくいかないものですね。
とりあえず、見つけたこのフォームで使ってみようと思います。
ご指導ありがとうございました。
本件解決済みとさせていただきます。
また分からない際には、新規質問にさせて頂きますので、またご指導お願い
します。
確かに、Contact Form7はDefaultで「your-name」「your-email」となっています。
WSC4の記述では「your-name」の部分を「name-1」・「your-email」の部分を「email-1」と置き換えます。（要は、タグ記述とメール（CF7の中段記述「メール」部）を一致させれば良いのです・・・タグにあわせるかCF7中段記述にあわせるかです）
下記タグ記述例の場合、
———————————————————————–
<div class=”form”>
<table>
<tr><th>お名前</th><td>[text* name-1 20/ akismet:author class:text_m]</td></tr>
<tr><th>Eメール</th><td>[email* email-1 20/ class:text_m akismet:author_email]</td></tr>
<tr><th>URL</th><td>[text url-1 40/ class:text_l akismet:author_url 'http://']</td></tr>
<tr><th>お問い合わせ内容（選択ください）</th><td>[select* menu include_blank ‘お問い合わせA’ ‘お問い合わせB’ ‘質問’ ‘ご相談’ ‘その他’]</td></tr>
<tr><th>メッセージ</th><td>[textarea your-message 50×5 class:text_l]</td></tr>
</table>
<div class=’submit’>[submit ‘送信’]</div>
</div>
———————————————————————–
下記のようにContact Form7の中段「メール」と書いてある部分を変更します。（下記をコピペしてください）
宛先：
ご自身のメールアドレスを記述します。
差出人：
—————————–
[name-1] <[email-1]>
—————————–
件名：
—————————–
[menu]
—————————–
メッセージ本文：
—————————–
名前：[name-1]
E-mailアドレス：[email-1]
URL：[url-1]
件名：[menu]
内容：
[your-message]
—————————–
以上で、正常にメールの送受信ができると思いますよ。・・・頑張ってください。
yuuki-k様
出来ました！
ほんとうに助かりました。
コンタクトフォームの仕組みが少しわかりました。
何分初心者なのですが、これからも頑張って行こうと思います。
またの機会にはご指導いただけると幸いです。
いろいろと、ありがとうございました。
