wordpressでプラグインを使わずにフォームを自作する手順

/*
Theme Name: Twenty Sixteen Custom
Template: twentysixteen
*/

<?php

// 親テーマ引き継ぎ用関数
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

?>

<?php
/**
 * Template Name: contact-index
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */

 ////////////////////////////////////////////////////////
 // ここから下がindex.phpのソース引用部分
 ////////////////////////////////////////////////////////
 
 // ファイル読み込み
 require_once('common/init.php');
 require_once('common/validate.php');

 //操作アクションを取得
 $act = isset($_POST["act"]) ? intval($_POST["act"]) : 1;

 if ($act == 1) {
    // セッションデータクリア
    $contact_data = array();
    // 初期値セット
    $err_msg = array();
    $name = '';
    $email = '';
    $message = '';

 } elseif ($act == 2) { // 確認ボタンを押下された場合
    // POSTデータをセッションに格納
    $_SESSION["contact_data"] = isset($_POST["contact_data"]) ? $_POST["contact_data"] : array();
    // セッションデータを配列にセット
    $contact_data = $_SESSION["contact_data"];
    // 各項目データをセット
    $name = isset($contact_data["name"]) ? $contact_data["name"] : "";
    $email = isset($contact_data["email"]) ? $contact_data["email"] : "";
    $message = isset($contact_data["message"]) ? $contact_data["message"] : "";
    // 入力チェック
    $err_msg = checkInputData($contact_data);
    if(!$err_msg){
        header("Location: http://localhost:8888/testsite/contact-confirm/");
        exit();
    }

 } else {
    // セッションデータ取得
    $contact_data = isset($_SESSION["contact_data"]) ? $_SESSION["contact_data"] : array();
    // 各項目データをセット
    $name = isset($contact_data["name"]) ? $contact_data["name"] : "";
    $email = isset($contact_data["email"]) ? $contact_data["email"] : "";
    $message = isset($contact_data["message"]) ? $contact_data["message"] : "";
 }

///////////////////////////////////////////////////////
// ここから上がindex.phpのソース引用部分
////////////////////////////////////////////////////////
 
get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
 
  ////////////////////////////////////////////////////////
  // ここから下が追記部分
  ////////////////////////////////////////////////////////  
  
  <?php while ( have_posts() ) : the_post(); ?>
    <h1><?php the_title(); ?></h1>
  <?php endwhile; ?>
  
  ////////////////////////////////////////////////////////
  // ここから上が追記部分
  ////////////////////////////////////////////////////////

  ////////////////////////////////////////////////////////
  // ここから下がindex.phpのソース引用部分
  ////////////////////////////////////////////////////////
        
        <?php if (count($err_msg) > 0) { ?>
        <div>
            <ul class="error">
                <?php foreach ($err_msg as $msg) { ?>
                <li><?php echo $msg; ?></li>
                <?php } ?>
            </ul>
        </div>
        <?php } ?>

        <div class="page-content">
            <p class="mb30">以下を入力し確認するボタンを押してください。<span class="red">*</span>は入力必須です。</p>

            <form class="form-horizontal" name="contactform" role="form" method="post" action="" novalidate>
                <div class="form-group">
                    <label for="inputName" class="col-sm-3 control-label">お名前<span class="red">*</span></label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" name="contact_data[name]" placeholder="お名前" value="<?php echo htmlspchar($name); ?>">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputEmail" class="col-sm-3 control-label">メールアドレス<span class="red">*</span></label>
                    <div class="col-sm-9">
                        <input type="email" class="form-control" name="contact_data[email]" placeholder="メールアドレス" value="<?php echo htmlspchar($email); ?>">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputMessage" class="col-sm-3 control-label">お問い合わせ内容<span class="red">*</span></label>
                    <div class="col-sm-9">
                        <textarea class="form-control" name="contact_data[message]" rows="5"><?php echo htmlspchar($message); ?></textarea>
                    </div>
                </div>
                <div class="btn-area">
                    <button type="submit" name="btnSubmit" class="btn btn-success">確認する<i class="fa fa-arrow-circle-right"></i></button>
                    <input type="hidden" name="act" value="2">
                </div>
            </form>

        </div>
        
    ////////////////////////////////////////////////////////
    // ここから上がindex.phpのソース引用部分
    ////////////////////////////////////////////////////////

    </main><!-- .site-main -->

    <?php get_sidebar( 'content-bottom' ); ?>

</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

<?php
/**
 * Template Name: contact-confirm
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */

////////////////////////////////////////////////////////
 // ここから下がconfirm.phpのソース引用部分
 ////////////////////////////////////////////////////////
 
 // ファイル読み込み
 require_once('common/init.php');

 // セッションデータ取得
$contact_data = isset($_SESSION["contact_data"]) ? $_SESSION["contact_data"] : array();
// セッションデータの有無をチェック
if (count($contact_data) == 0) {
    header("Location: http://localhost:8888/testsite/contact-error/"); // データ取得できない場合はエラー画面へ遷移
    exit;
}

$name = isset($contact_data["name"]) ? $contact_data["name"] : "";
$email = isset($contact_data["email"]) ? $contact_data["email"] : "";
$message = isset($contact_data["message"]) ? $contact_data["message"] : "";

//操作アクションを取得
$act = isset($_POST["act"]) ? intval($_POST["act"]) : 1;

// 送信ボタンを押下された場合
if ($act == 3) {
    // メール送信
     $result_to_admin = sendMailtoAdmin($contact_data);
     $result_to_customer = sendMailtoCustomer($contact_data);
    // $result_to_admin = 1;
  // $result_to_customer = 1;


    if ($result_to_admin && $result_to_customer) { // 送信成功
        $_SESSION = array();  // セッションに格納された情報をカラにします。
        header("Location: http://localhost:8888/testsite/contact-done/");
        exit;
    } else { // 送信失敗
        $_SESSION = array();  // セッションに格納された情報をカラにします。
        header("Location: http://localhost:8888/testsite/contact-error/");
        exit;
    }
}

////////////////////////////////////////////////////////
 // ここから上がconfirm.phpのソース引用部分
 ////////////////////////////////////////////////////////

get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">

  <?php while ( have_posts() ) : the_post(); ?>
    <h1><?php the_title(); ?></h1>
  <?php endwhile; ?>

////////////////////////////////////////////////////////
 // ここから下がconfirm.phpのソース引用部分
 ////////////////////////////////////////////////////////
<div class="page-content">
    <p class="mb30">
        この内容でよろしければ送信するボタンを押してください。<br>
        メールアドレスに間違いがあると回答の返信ができませんので十分にご確認ください。
    </p>

    <form class="form-horizontal" name="contactform" role="form" method="post" action="">
        <table class="table table-bordered confirm">
            <tr>
                <th>お名前</th>
                <td><?php echo htmlspchar($name); ?></td>
            </tr>
            <tr>
                <th>メールアドレス</th>
                <td><?php echo htmlspchar($email); ?></td>
            </tr>
            <tr>
                <th>お問い合わせ内容</th>
                <td><?php echo nl2br(htmlspchar($message)); ?></td>
            </tr>
        </table>

        <div class="btn-area">
            <button type="button" class="btn btn-default" onclick="contactform.action='/testsite/contact/';contactform.submit();">戻る<i class="fa fa-reply"></i></button>
            <button type="submit" class="btn btn-success">送信する<i class="fa fa-envelope-o"></i></button>
            <input type="hidden" name="act" value="3">
        </div>
    </form>

</div>
////////////////////////////////////////////////////////
 // ここから上がconfirm.phpのソース引用部分
 ////////////////////////////////////////////////////////

    </main><!-- .site-main -->

    <?php get_sidebar( 'content-bottom' ); ?>

</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

<?php
/**
 * Template Name: contact-done
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */

////////////////////////////////////////////////////////
 // ここから下がdone.phpのソース引用部分
 ////////////////////////////////////////////////////////
 
 // ファイル読み込み
require_once('common/init.php');

////////////////////////////////////////////////////////
 // ここから上がdone.phpのソース引用部分
 ////////////////////////////////////////////////////////
 
get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">

        <?php while ( have_posts() ) : the_post(); ?>
        <h1><?php the_title(); ?></h1>
      <?php endwhile; ?>

////////////////////////////////////////////////////////
 // ここから下がdone.phpのソース引用部分
 ////////////////////////////////////////////////////////
<div class="page-content">
    <p class="mb30">
        お問い合わせを送信しました。<br>
        改めて担当者からご連絡を差し上げます。今しばらくお待ちくださいませ。
    </p>
</div>
////////////////////////////////////////////////////////
 // ここから上がdone.phpのソース引用部分
 ////////////////////////////////////////////////////////

    </main><!-- .site-main -->

    <?php get_sidebar( 'content-bottom' ); ?>

</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

<?php
/**
 * Template Name: contact-error
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */

////////////////////////////////////////////////////////
 // ここから下がerror.phpのソース引用部分
 ////////////////////////////////////////////////////////
 
 // ファイル読み込み
require_once('common/init.php');

////////////////////////////////////////////////////////
 // ここから上がerror.phpのソース引用部分
 ////////////////////////////////////////////////////////
 
get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
      
<?php while ( have_posts() ) : the_post(); ?>
        <h1><?php the_title(); ?></h1>
      <?php endwhile; ?>

////////////////////////////////////////////////////////
 // ここから下がerror.phpのソース引用部分
 ////////////////////////////////////////////////////////
<div class="page-content">
      <p class="mb30 text-danger">
            予期せぬエラーが発生しましたため、お問い合わせが完了しませんでした。
        </p>
</div>
////////////////////////////////////////////////////////
 // ここか上がerror.phpのソース引用部分
 ////////////////////////////////////////////////////////
 
    </main><!-- .site-main -->

    <?php get_sidebar( 'content-bottom' ); ?>

</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>