WordPressに自作のフォームを設置したい

Question

前提・実現したいこと

WordPressに自作のフォームを設置し、フォーム送信後ある処理をしてから画面遷移するようにしたいです。

発生している問題・エラーメッセージ

ページを開いた段階で、画面が遷移してしまう。

該当のソースコード

function.php

function send_form(){
  // ここに実行したい処理
  // .
  // .
  // .
  // .
  header('Location: /thanks');
}
add_action('template_redirect', 'send_form');

form.php

  7 <form action="<?php template_redirect() ?>" method="post">
  8 <button type="submit">送信する</button>
  9
 10 </form>

試したこと

add_actionの記述を消せば遷移しなくなりますが、フォームが動作している様子もありません。

補足情報（FW/ツールのバージョンなど）

何か必要な情報があれば追記します。

Answer 1

初心者特有の安易な期待に基づく誤解があると思うのでそっちを潰しときます

<form action="<?php template_redirect() ?>" method="post">

↑これ

こうすればformを送信した時template_redirectフックを発火させられる
なんて思ってるんじゃないかと思いますが、そんなことできません

1. formの送信先をPHPの関数にすればフォーム送信時に関数が実行される、なんてことはありません
2. WPでは任意の関数を実行するとその関数名のフックが発火する、なんてことはありません

template_redirectはWPのコアがページ表示時に必ず発火するフックです
どのページでも必ず発火するフックでリダイレクトしたらどうなるか・・・
もしそのリダイレクト先もWPのページであったなら・・・

・・・怖いですね

---

最もシンプルで原始的なフォームの実装方法は
「formの送信先は同じページにして、任意のURLパラメータの有無によって
フォームの受信処理をするか表示処理をするかを分岐する」
です

つまり

function send_form(){
  // ここに実行したい処理
↓
function send_form(){
  if(empty($_POST['action']) || $_POST['action']!=='send'){return;}
  // ここに実行したい処理



<form action="<?php template_redirect() ?>" method="post">
<button type="submit">送信する</button>
↓
<form action="./" method="post">
<button type="submit" name="action" value="send">送信する</button>

みたいな感じです

それでもWPでフォームを実装する場合はwp_nonceはつけておきたいところです
とりあえず動くところまでできたら次はwp_nonceをつけましょう

Answer 2

最小限ならこんな感じでやってみるとどうでしょうか。
(csrf対策などはよしなに)

// formページ
<?php
if( !empty($_POST) ) {
  // 送信値の処理をする

  // redirect
  wp_safe_redirect('完了ページ');
  exit;
} ?>

<form action="" method="post">
// フォーム
</form>

Answer 3

今の処理の書き方では単純にリダイレクト処理を行っているだけに見えます

https://example.comへ値を送信したいなら書き方はこうかと

<form action="https://example.com" method="post">

Comments

[kamatama3]

やりたいことは、「サーバー側で受け取って処理を実行し、サンクスページに遷移させたい」です。
いただいた例だとただ画面遷移してしまいませんか？

[sola-msr]

画面遷移はしますが、サンクスページのURLをactionに書いて、サンクスページで送信した値の処理を書けば問題ないのかなと

[kamatama3]

ありがとうございます。

<form action="/form_submit.php" method="post">
としたのですが、form_submit.phpはどこに設置すべきでしょうか？
wp/wp-content/themes/lightning/form_submit.php
に配置したのですが、404になってしまいます。

[sola-msr]

サンクスページのPHPファイル（form_submit.php）を「page-〇〇.php（例えばpage-thanks.php）」形式にリネームし、管理画面から固定ページの追加を行ってください。
現在WPの管理画面を見る環境がないのであっているかわからないですが、検索してみた結果おそらく、管理画面左メニューの「固定ページ」→「新規追加」で、スラッグ部分を〇〇に設定するといけるかなと

[sola-msr]

https://www.virment.com/wordpress-customtemplate/
https://keikenchi.com/wordpress-original-page
とか参考にしてみてください