現在、wordpressを使用しホームページを制作しています。
今回お問い合わせの入力フォームを下層ページには飛ばさず、index.phpに表示させたいと思っています。
wordpressのプラグインであるContact Form 7を使用すれば解決するのですが、
今回wordpressを組み込む前にHTMLでコーディングをしました。
mail.php
1 <!-- お問い合わせフォームココから▽ --> 2 <form action="mail.php" method="post"> 3 <div class="contact_input_form"> 4 <div class="contact_input_form_1_box cf"> 5 <div class="contact_input_form_1_1_box"> 6 <div class="contact_input_form_1_1_1_box"> 7 <img src="<?php echo get_template_directory_uri(); ?>/images/required.png" alt="必須項目"> 8 </div> 9 <div class="contact_input_form_1_1_2_box"> 10 <p>お問い合わせ内容</p> 11 </div> 12 </div> 13 <div class="contact_input_form_1_2_box"> 14 <div class="contact_input_form_1_2_1_box"> 15 <textarea name="お問合せ内容" rows="15"></textarea> 16 </div> 17 </div> 18 </div><!-- contact_input_form_1_box --> 19 20 21 22 <div class="contact_input_form_1_box cf"> 23 <div class="contact_input_form_1_1_box"> 24 <div class="contact_input_form_1_1_1_box"> 25 <img src="<?php echo get_template_directory_uri(); ?>/images/required.png" alt="必須項目"> 26 </div> 27 <div class="contact_input_form_1_1_2_box"> 28 <p>お名前</p> 29 </div> 30 </div> 31 <div class="contact_input_form_1_2_box"> 32 <div class="contact_input_form_1_2_1_box"> 33 <input type="text" name="お名前"> 34 </div> 35 </div> 36 </div><!-- contact_input_form_1_box --> 37 38 39 40 <div class="contact_input_form_1_box cf"> 41 <div class="contact_input_form_1_1_box"> 42 <div class="contact_input_form_1_1_1_box"> 43 <img src="<?php echo get_template_directory_uri(); ?>/images/required.png" alt="必須項目"> 44 </div> 45 <div class="contact_input_form_1_1_2_box"> 46 <p>電話番号</p> 47 </div> 48 </div> 49 <div class="contact_input_form_1_2_box"> 50 <div class="contact_input_form_1_2_1_box"> 51 <input type="text" name="電話番号"> 52 </div> 53 </div> 54 </div><!-- contact_input_form_1_box --> 55 56 57 58 <div class="contact_input_form_1_box cf"> 59 <div class="contact_input_form_1_1_box"> 60 <div class="contact_input_form_1_1_1_box"> 61 <img src="<?php echo get_template_directory_uri(); ?>/images/required.png" alt="必須項目"> 62 </div> 63 <div class="contact_input_form_1_1_2_box"> 64 <p>メールアドレス</p> 65 </div> 66 </div> 67 <div class="contact_input_form_1_2_box"> 68 <div class="contact_input_form_1_2_1_box"> 69 <input type="text" name="メールアドレス"> 70 </div> 71 </div> 72 </div><!-- contact_input_form_1_box --> 73 74 75 76 <div class="contact_str2 slide-bottom" data-plugin-options='{"speed":500}'> 77 <p>上記内容でよろしければ、「確認」ボタンをクリックしてください。</p> 78 </div> 79 80 81 82 <p class="contact_input_form_1_3_box"> 83 <input type="submit" class="input_form_submit" value="確認"> 84 </p> 85 </div> 86 </form> 87 <!-- お問い合わせフォームココまで△ -->
その際、PHPを使用し入力フォームを制作したのでContact Form 7を使用せずindex.phpに入力フォームを追加しようとしていましたが、
確認ボタン(submit)を押すとURLではhttp://www.URL/mail.phpとなり、ブラウザの画面はホームページのトップに戻ってしまいます。
正常に動作しますと、
必須項目が入力されていない場合「必須項目が入力されていません」
全てが記入済みであれば「送信が完了しました」という文章が表示されるような設定となっています。
現段階だと、何が原因で表示されないのかがわからず手詰まりになっています。
原因としては、
・根本的に実現が不可能なのか
・何かしらファイルが足りずに表示ができないのか、何が足りないのか
・form actionのmail.phpに飛ばす書き方が間違えているのか
と自分では考えているのですが、実証する術がなく困っています。
文章にまとまりがなく、分かりにくいようでしたらすいません。
もし、「これが原因じゃないかな?」というのがございましたら、教えて頂けると幸いです。
今回使用しているPHPは【PHP工房】様(http://www.php-factory.net/)の【MailForm01】PHP多機能メールフォーム フリー(無料)版をカスタマイズし使用させて頂いております。