teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問【WordPress】【プラグインなし】コンタクトフォームを作成したいのでアドバイスを頂きたいです。

編集履歴

質問編集履歴

3

自分で試したこと、コードを追記しました。

2018/11/08 08:33

投稿

uk_63
uk_63

スコア29

test CHANGED
File without changes
test CHANGED
@@ -32,32 +32,228 @@
32
32
 
33
33
  - 送信後、「◯◯様、お問い合わせありがとうございました。」のようなメッセージ。
34
34
 
35
+ #教えていただきたいこと
36
+
37
+ - **送信先のアドレス（私宛に届くようにしたい）はどこで設定すればよいのか。WordPressの管理画面上の設定からですか？**
38
+
39
+ - **自作する際に必要なファイル、コードなどの工程をリスト化して頂きたいです。HTMLでフォーム作成、CSSで装飾が必要なのはわかるのですが、PHPの記述はどこに書くのか、JSが必要か否かがわからないです。**
40
+
41
+ - **必要なファイルは、contact.php（入力画面用ファイル）、confirm.php（入力画面確認用ファイル）、sendmail.php（送信後用のファイル）の３つですか？**
42
+
43
+ - **参考にできるサイトがあれば教えて下さい。**
44
+
45
+ - **フォームにあると便利な機能があれば教えて下さい。**
46
+
47
+ #プラグインを使いたくない理由
48
+
49
+ - 私自身のスキルアップの為。
50
+
51
+ - プラグインを極力入れないで、ページの表示速度を上げたい。
52
+
53
+ - contact form 7を導入したところ、slick.jsを用いて作成したスライドショーが動かなくなった。
54
+
55
+ 以上の理由からプラグインは極力使用したくありません。
56
+
35
57
  #試したこと
36
58
 
37
- [参考にしたブログ](http://izu.wpblog.jp/post-866/)
38
-
39
- 上記のブログにのっていたコードをコピペして、導入してみました。
40
-
41
- 送信はできているみたいなのですが、送信先のアドレス（私宛に届くようにしたい）をどこに設定すればよいのかわからず、挫折しました。
42
-
43
- #教えていただきたいこと
44
-
45
- - **送信先のアドレス（私宛に届くようにしたい）はどこで設定すればよいのか。WordPressの管理画面上の設定からですか？**
46
-
47
- - **自作する際に必要なファイル、コードなどの工程をリスト化して頂きたいです。HTMLでフォーム作成、CSSで装飾が必要なのはわかるのですが、PHPの記述はどこに書くのか、JSが必要か否かがわからないです。**
48
-
49
- - **必要なファイルは、contact.php（入力画面用ファイル）、confirm.php（入力画面確認用ファイル）、sendmail.php（送信後用のファイル）の３つですか？**
50
-
51
- - **参考にできるサイトがあれば教えて下さい。**
52
-
53
- - **フォームにあると便利な機能があれば教えて下さい。**
54
-
55
- #プラグインを使いたくない理由
56
-
57
- - 私自身のスキルアップの為。
58
-
59
- - プラグインを極力入れないで、ページの表示速度を上げたい。
60
-
61
- - contact form 7を導入したところ、slick.jsを用いて作成したスライドショーが動かなくなった。
62
-
63
- 以上の理由からプラグインは極力使用したくありません。
59
+ [コチラを参考にしました](https://qiita.com/dashimaki/items/24082675c6e27269bbad)
60
+
61
+ 上記のサイトを参考に、
62
+
63
+ 以下、３つファイルを作成しました。
64
+
65
+
66
+
67
+ **contact.php**
68
+
69
+ お問い合わせ入力画面です。
70
+
71
+ 入力後、確認画面へ遷移します。
72
+
73
+ ```php
74
+
75
+ <?php
76
+
77
+ session_start();
78
+
79
+ /* Template Name: お問い合わせ */
80
+
81
+ ?>
82
+
83
+ <?php get_header(); ?>
84
+
85
+ <main id="page_wrapper">
86
+
87
+ <form action="<?php echo get_permalink( get_page_by_path( 'confirm' )->ID ); ?>" method="post">
88
+
89
+ <input type="text" name="your_name" required>
90
+
91
+ <input type="email" name="your_mail" required>
92
+
93
+ <input type="text" name="your_subject">
94
+
95
+ <textarea name="your_message" cols="100" lows="15" required></textarea>
96
+
97
+
98
+
99
+ <input type="submit" name="your_submit" value="確認画面へ">
100
+
101
+ </form>
102
+
103
+ </main>
104
+
105
+ <?php get_footer(); ?>
106
+
107
+
108
+
109
+ ```
110
+
111
+ **confirm.php**
112
+
113
+ 入力内容確認画面です。
114
+
115
+ 入力したデータを出力することができました。
116
+
117
+ しかし、送信ボタンを押すとcoplete.phpへ遷移するのですが、
118
+
119
+ > Parse error: syntax error, unexpected end of file in /app/public/wp-content/themes/Lemon/complete.php on line 16
120
+
121
+ 上記のエラーがでます。
122
+
123
+ header, footer がないのがエラー原因かと思いましたが、違いました。
124
+
125
+ ```php
126
+
127
+ <?php
128
+
129
+ session_start();
130
+
131
+ /* Template Name: お問い合わせ内容確認 */
132
+
133
+
134
+
135
+ if(isset($_POST['your_submit'])) {
136
+
137
+ $_SESSION['your_name'] = $_POST['your_name'];
138
+
139
+ $_SESSION['your_mail'] = $_POST['your_mail'];
140
+
141
+ if($_POST['your_subject'] != ""){
142
+
143
+ $_SESSION['your_subject'] = $_POST['your_subject'];
144
+
145
+ }else{
146
+
147
+ $_SESSION['your_subject'] = "件名なし";
148
+
149
+ }
150
+
151
+ $_SESSION['your_message'] = $_POST['your_message'];
152
+
153
+ $_SESSION['your_submit'] = $_POST['your_submit'];
154
+
155
+ }
156
+
157
+ ?>
158
+
159
+ <?php get_header(); ?>
160
+
161
+ <main id="page_wrapper">
162
+
163
+ <table rules="all" border="border">
164
+
165
+ <tr>
166
+
167
+ <th>お名前</th><td><p><?php echo htmlspecialchars($_SESSION['your_name']); ?></p></td>
168
+
169
+ </tr>
170
+
171
+ <tr>
172
+
173
+ <th>メールアドレス</th><td><p><?php echo htmlspecialchars($_SESSION['your_mail']); ?></p></td>
174
+
175
+ </tr>
176
+
177
+ <tr>
178
+
179
+ <th>件名</th><td><p><?php echo htmlspecialchars($_SESSION['your_subject']); ?></p></td>
180
+
181
+ </tr>
182
+
183
+ <tr>
184
+
185
+ <th>お問い合わせ内容</th><td><p><?php
186
+
187
+ $message = htmlspecialchars($_SESSION['your_message']);
188
+
189
+ $message = str_replace(" ", "&ensp;", $message);
190
+
191
+ $message = str_replace("　", "&emsp;", $message);
192
+
193
+ echo nl2br($message);
194
+
195
+ ?></p></td>
196
+
197
+ </tr>
198
+
199
+ </table>
200
+
201
+
202
+
203
+ <center><span>
204
+
205
+ <button class="submit" type="button" onclick="location.href='<?php echo get_permalink( get_page_by_path( 'contact' )->ID ); ?>'">修正</button>
206
+
207
+ <button class="submit" type="button" onclick="location.href='<?php echo get_permalink( get_page_by_path( 'complete' )->ID ); ?>'">送信</button>
208
+
209
+ </span></center>
210
+
211
+ </main>
212
+
213
+ <?php get_footer(); ?>
214
+
215
+
216
+
217
+ ```
218
+
219
+ **complete.php**
220
+
221
+ ここでエラーがでます。
222
+
223
+
224
+
225
+ ```php
226
+
227
+
228
+
229
+ <?php
230
+
231
+ session_start();
232
+
233
+ /* Template Name: 送信画面 */
234
+
235
+
236
+
237
+ if(isset($_SESSION['your_submit'])) {
238
+
239
+ $to = ''; //【メールアドレス】
240
+
241
+
242
+
243
+ //ここでは 名前, 件名
244
+
245
+ $subject = $_SESSION['your_name'].', '.$_SESSION['your_subject']; //【タイトル】
246
+
247
+ $message = $_SESSION['your_message']; //【本文】
248
+
249
+
250
+
251
+ wp_mail($to, $subject, $message);
252
+
253
+ session_destroy();
254
+
255
+ ?>
256
+
257
+
258
+
259
+ ```

2

2018/11/08 08:33

投稿

uk_63
uk_63

スコア29

test CHANGED
File without changes
test CHANGED
@@ -51,3 +51,13 @@
51
51
  - **参考にできるサイトがあれば教えて下さい。**
52
52
 
53
53
  - **フォームにあると便利な機能があれば教えて下さい。**
54
+
55
+ #プラグインを使いたくない理由
56
+
57
+ - 私自身のスキルアップの為。
58
+
59
+ - プラグインを極力入れないで、ページの表示速度を上げたい。
60
+
61
+ - contact form 7を導入したところ、slick.jsを用いて作成したスライドショーが動かなくなった。
62
+
63
+ 以上の理由からプラグインは極力使用したくありません。

1

前提に追記。

2018/11/08 07:40

投稿

uk_63
uk_63

スコア29

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,8 @@
1
1
  #前提
2
2
 
3
3
  初めて、WordPressオリジナルテーマを作成しています。
4
+
5
+ ローカル環境で作成しています。（ソフト：Local by Flywheel を使用）
4
6
 
5
7
  コンタクトフォームを**プラグインを使わず**導入したいです。
6
8