WordPress 自作フォームその３（チェックボックスなど）

公開日： 2018/05/29 : PHP, WordPress

Wordpress 自作フォーム（チェックボックスなど）

以前、WordPress 自作フォームその１の記事で WordPress で自作フォームを作ってみました。

これに「チェックボックスなどの項目を追加したい」というお問い合わせがあったので、やってみようと思います。

以前作ったものは以下の６つのファイルでした。
WordPress 問い合わせフォームダウンロード（contact_allset.zip）

contact-index.php → インデックス
contact-check.php → 文字列チェック（※変更が必要）
contact-sendmail.php → メールの送信（※変更が必要）

contact-input.php → 入力画面（※変更が必要）
contact-confirm.php → 確認画面（※変更が必要）
contact-completion.php → 完了画面

これに、ラジオボタン、チェックボックス、プルダウンを追加する例をやっていきます。

プラグインではないので、※ の４ファイルもの変更が必要で、少し大変です。

記事最後に例を実装したダウンロードファイルがあります。

WordPress お問い合わせ【入力画面】の変更

変更するファイル：contact-input.php

form 内好きなところに好きな名前で、入力フォームを追加します。

入力画面：ラジオボタンの項目追加例

<!--追加：ラジオボタン-->
<div>
<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女" >女
</div><br />

入力画面：チェックボックスの項目追加例

<!--追加：チェックボックス-->
<div>お使いの環境を教えてください。<span class="red">※</span><br />
<input type="checkbox" name="ostype[]" value="Mac">Mac
<input type="checkbox" name="ostype[]" value="Windows">Windows
<input type="checkbox" name="ostype[]" value="iPhone">iPhone
<input type="checkbox" name="ostype[]" value="Android">Android
<input type="checkbox" name="ostype[]" value="その他">その他
</div><br />

例では、チェックボックスの値を配列で受け取るようにしました。

配列でやらない場合は、name の値を ostype1、ostype2、ostype3・・・・などひとつひとつ違う名前で付ければいいかと思います。

入力画面：プルダウンの項目追加例

<!--追加：プルダウン-->
<div>お問い合わせの種類を選択してください。<br />
<select name="kind">
<option value="問い合わせ">問い合わせ</option>
<option value="ホームページリンク">ホームページリンク</option>
<option value="その他">その他</option>
</select>

WordPress お問い合わせ【確認画面】の変更

変更するファイル：contact-confirm.php

確認画面：ラジオボタンの項目追加例

<!--追加：ラジオボタン-->
<div>
<p style="background:#f8f8f8;">性別：<?php echo ($sex)?$sex:"";?></p><input name="sex" type="hidden" value="<?php echo ($sex)?$sex:"";?>" />
</div>
<br />

確認画面：チェックボックスの項目追加例

<!--追加：チェックボックス-->
<div>
<p style="background:#f8f8f8;">お使いの環境：<?php 
for($i=0;$i<count($ostype);$i++):?>
<?php if($i>0){echo ($ostype[$i])?',':'';}?>
<?php echo ($ostype[$i])?$ostype[$i]:'';?>
<input name="ostype[]" type="hidden" value="<?php echo ($ostype[$i])?$ostype[$i]:"";?>" />
<?php endfor;?>
</p>
</div>

確認画面：プルダウンの項目追加例

<!--追加：プルダウン-->
<div>
<p style="background:#f8f8f8;">お問い合わせの種類：<?php echo ($kind)?$kind:"";?></p><input name="kind" type="hidden" value="<?php echo ($kind)?$kind:"";?>" />
</div>
<br />

WordPress お問い合わせ【文字列チェック】の変更

変更するファイル：contact-check.php

文字列チェック：チェックボックスの項目追加例

チェックボックスを追加した場合は、例ではPOSTの値を配列にした為エラーがでます。

50行目辺りの以下の処理を変更してください。

変更前

// 引数を元に文字列処理及び変換処理を行う
foreach($_POST as $k=>$e):
	$params[$k] = Chk_StrMode($e);
endforeach;

↓
変更後

// 引数を元に文字列処理及び変換処理を行う
foreach($_POST as $k=>$e):
	//追加：配列だったら
	if (is_array($e)) {
		$params[$k] = $e;
	}
	else{
		$params[$k] = Chk_StrMode($e);
	}
endforeach;

配列でやらない場合はこの部分は変更しなくても大丈夫です。

文字列チェック：必須項目追加例（チェックボックス配列の場合）

チェックボックスが配列で必須項目にしたい場合は一番下にこのように入れてください。

//チェックボックスが必須の場合
$ostype_str = '';
for($i=0;$i<count($ostype);$i++){
	if($ostype[$i])$ostype_str .= $ostype[$i].',';
}
$error_mes .= Chk_InputMode($ostype_str,"・お使いの環境をひとつは選択してください。<br />\n");

文字列チェック：必須項目追加例（チェックボックス配列以外）

チェックボックスが配列なもの以外で必須項目にしたいものがあったら、一番下に以下のように足してください。

$error_mes .= Chk_InputMode($kind,"・お問い合わせの種類を選択してください。<br />\n");

この例は、プルダウンの「お問い合わせの種類」に空 option があり、必須にしたい場合になります。

WordPress お問い合わせ【メール送信】の変更

変更するファイル：contact-sendmail.php

50行目辺りの以下のメール本文に追加した項目を追加します。

変更前

// メール本文
$mailbody = "サイトよりお問い合わせを受け付けました。

────────────────────────────────

■名前： $namae 様より

■メールアドレス： $email

■メッセージ：
$message

────────────────────────────────
";

↓
変更後

// メール本文
$mailbody = "サイトよりお問い合わせを受け付けました。

────────────────────────────────

■名前： $namae 様より

■メールアドレス： $email

■メッセージ：
$message

■性別：
$sex

■お使いの環境：
$ostype_str

■お問い合わせの種類：
$kind

────────────────────────────────
";