【WordPress】MW WP Form エラーメッセージのカスタマイズについて

シュウ

今回は【WordPress】MW WP Form エラーメッセージのカスタマイズについて
の解説になります！

こんな方に読んでほしい

WordPressを学び始めた方へ
お問い合わせ関連のプラグインを探してる方へ
今回はWordPressの「MW WP Formエラーメッセージ」について解説しております。

[記事の内容]

MW WP Formとは

「MW WP Form」　とは、WordPressのお問い合わせプラグインになります。
このプラグインを紹介するポイントと問題点があります。

ポイント

日本語対応しており、管理画面も見やすいです。
確認画面、エラー画面、完了画面の作成が可能です。
バリデーションルールの設定も可能です。
お問い合わせのデータの保存可能、CSV出力が可能です。

問題点

CSS(レイアウト)はご自身で記述しなければなりません。
ショートコードをコピー&ペーストしてフォームを実装します。
設定項目が多いです。

「MW WP Form」は、とても使いやすい反面、少し知識が必要になってきます。
ですが、このプラグイン一つで全てのことが設定できるので、しっかり覚えておきましょう。
こちらの方で詳しい設定については解説しております。

MW WP Formの設定について解説

【WordPress】2024年、MW WP Formの使い方を解説

プラグイン一つで全てのことが設定できるので、覚えておきましょう。

バリデーションルールについて

バリデーションルールとは、項目の必須を設定することになります。
現状、バリデーションルールを設定していない場合は、そのまま確認画面に移行してしまうので注意してください。

<table class="formTable">
	<tbody>
		<tr>
			<th><span>【必須】</span>お名前</th>
			<td><div>[mwform_text name="お名前" placeholder="例 : 山田　太郎"]</div></td>
		</tr>
	</tbody>
</table>
</div>

●1：バリデーションルールを追加: 最初にバリデーションルールを追加をクリックしてください。

●2:バリデーションを適用する項目: バリデーションを適用する項目は、nameで指定した文字列を入力します。
例：「name=”お名前”」と指定した場合は、「お名前」と入力してください

●3:必須項目にチェック: 「必須項目」にチェックを入れて、保存完了になります

●補足: 「ふりがな」の場合は「必須項目」 + 「ひらがな」にチェックを入れます
「フリガナ」の場合は「必須項目」 + 「カタカナ」にチェックを入れます
「ラジオボタン・チェックボックス」の場合は「必須項目（チェックボックス）」のみにチェックを入れます
「電話番号」の場合は「必須項目」 + 「電話番号」にチェックを入れます
「メールアドレス」の場合は「必須項目」 + 「メールアドレス」にチェックを入れます
※半角数字、半角英数字などもあります。

注意！
例：「ふりがな」に対して、「ひらがな」にチェックを入れ、更に「必須項目」にもチェックを入れなければなりません。
計、2箇所にチェックが必要になります。
「ラジオボタン・チェックボックス」の場合は、「必須項目（チェックボックス）」の1箇所にチェックを入れてください。

上記の画像のように、バリデーションルールを追加した際には「未入力です。」と表示します。
また、「ふりがな」の項目に対して「カタカナ」で入力した際にはエラー表示になり「ひらがなで入力してください。」と表示します。

エラー文のカスタマイズについて

バリデーションとは、ユーザーが入力した情報が正しい形式であるか、必要な情報が全て入力されているかなどを自動的にチェックする機能のことです。これにより、誤った情報が送信されるのを防ぎ、フォームの利用性を向上させることができます。

MW WP Form エラーメッセージはデフォルトの場合は「未入力です。」と表示します。
カスタマイズすることにより、「氏名を入力してください。」など、修正すべき点を明確に伝えるようにできます。
functions.phpに以下のように記述します。

function my_error_message($validation, $data, $Data) {
   $validation->set_rule('お名前', 'noempty', array('message' => '氏名を入力してください。'));
   $validation->set_rule('会社名', 'noempty', array('message' => '会社名を入力してください。'));
   return $validation;
}
add_filter('mwform_validation_mw-wp-form-xx', 'my_error_message', 10, 3);

$validation->set_rule()バリデーションルールを設定するメソッドです。
第1引数: バリデーションを適用する項目の名前（フィールドID）します。
第2引数: バリデーションの種類（ここでは「noempty」で必須入力）します。
第3引数: オプションの配列。
┗messageエラーメッセージを指定します。
mwform_validation_mw-wp-form-xxの「xx」には、数字の入力を忘れずに。
複製する場合は、2行目を複製してください。