質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

2回答

864閲覧

【wordress】index.phpにフォームを埋め込むが動作しない。

mio_51

総合スコア9

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2017/08/31 06:48

現在、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多機能メールフォーム フリー(無料)版をカスタマイズし使用させて頂いております。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2017/08/31 06:50

mail.php はどのようになっているのでしょうか。「正常に動作します~~設定となっています。」とありますが、どのような記述をされているのか記載してください。
mio_51

2017/08/31 07:08

さっそくの返答ありがとうございます。大変申し訳ございません、文字数制限のため記載することができませんでした。どういった処置をしたらよろしいでしょうか?
kei344

2017/08/31 09:36

index.phpはテーマフォルダのものでしょうか。
mio_51

2017/08/31 10:52

kei344様>自作のものになります。こちらもHTMLで記述したものをwordpressで使用できるようindex.phpに書き換えたものになります。
kei344

2017/08/31 12:25

「テーマフォルダにあるのか、それ以外ならどこにあるのか」を尋ねています。
mio_51

2017/09/01 07:17

kei344様 返信が遅くなり申し訳ございません。テーマフォルダにあります。
guest

回答2

0

phpのGETとPOSTが設定されていないのかもしれません!
HTMLでしたら必要ないのですがPHPはformタグの上に<?php ?>の形式で宣言する必要があります。

あとはmail.phpのパスも確認してください。
index.phpと同じ階層にmail.phpがあるならそのままで大丈夫だと思います。

参考URL
https://techacademy.jp/magazine/4955

投稿2017/08/31 07:06

Higemura

総合スコア274

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

mio_51

2017/08/31 07:14

ご返答ありがとうございます!階層のほうは確認したところ、同じ階層にありました。phpのGETとPOSTに関しましては、実証をしていないので試してみたいと思います!!
guest

0

mail.phpがテンプレートフォルダにあるのであればformの指定はそのパスも含めて指定する必要があります。また、その呼び方をするとmail.phpがWordPressのテンプレートとして解釈されないため、wp_header()などが使えません。

独自のフォームを組み込むにはWordPressのシステムを理解してからでないと難しいと思います。メールフォーム用のプラグインが複数ありますので、ご自信の要件にあったものを使用されることをお勧めします。

投稿2017/09/02 05:04

kei344

総合スコア69407

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問