SHU BLOG

BLOG NEWS ブログ

TITLE

【WordPress】MW WP Form セレクトボックスを必須にする方法

SHU[シュウ]

1991年生まれ九州の宮崎県育ち
高校卒業後、愛知県で自動車関係の
お仕事に5年間勤め、WEB業界に
転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画
基本インドアです!

サーバーとドメインの同時取得で.jpが無料

シュウ
シュウ
今回は【WordPress】MW WP Form セレクトボックスを必須に設定する方法について
の解説になります!

こんな方に読んでほしい

  • WordPressを学び始めた方へ
  • お問い合わせ関連のプラグインを探してる方へ
  • 今回はWordPressの「MW WP Formセレクトボックスを必須設定」について解説しております。

MW WP Formとは

MW WP Formとは

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

ポイント
  • 日本語対応しており、管理画面も見やすいです。
  • 確認画面、エラー画面、完了画面の作成が可能です。
  • バリデーションルールの設定も可能です。
  • お問い合わせのデータの保存可能、CSV出力が可能です。
問題点
  • CSS(レイアウト)はご自身で記述しなければなりません。
  • ショートコードをコピー&ペーストしてフォームを実装します。
  • 設定項目が多いです。

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

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

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

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

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

セレクトボックスの項目に「選択してください」などの選択肢を追加し、バリデーションで必須項目に設定することで、「未入力です」が選択された場合にエラーメッセージを表示できます。

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

バリデーションルール

上記のようにバリデーションルールを設定しますが、セレクトボックスはなぜかバリデーションルールが適用されません。

セレクトボックスを設定する際の注意点

セレクトボックスを設定する際の注意点
1:name「必須
nameは必須項目です。
2:選択肢「必須
選択肢では、普段では「HTML ↵(enter) CSS ↵(enter)」と入力しますが、
ここでは、一番上に「:選択してください」と入力します。
:(コロン)を忘れずに入力してください。
3:メールで送信する値
「選択肢を「:」で送信値と表示値に分割したとき、送信値をメールで送信」にチェックを入れてください。
[mwform_select name="menu" children=":選択してください,HTML,CSS" post_raw="true"]
4:post_raw="true"
上記のようにコードが出力されたら完了になります。
post_raw="true"が、必ず一番後ろにくるように設定しておいてください。
OK クラス名は間に入力する
[mwform_select name="menu" children=":選択してください,省略" class="xx" post_raw="true"]

NG クラス名は一番後ろに入力しない
[mwform_select name="menu" children=":選択してください,省略" post_raw="true" class="xx"]
バリデーションルールを設定

上記のように、「未入力」と表示しましたら完了になります。
「未入力」を「選択してください」にエラーメッセージ名を変更したい場合は以下の記事を参考にしてみてください。

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

「未入力」を「選択してください」する方法について

まとめ

今回はこれで以上です。

POINT
  • WordPressMW WP Formについて解説しました。
  • MW WP Formの公式サイトはコチラから。
  • 設定方法:選択肢「必須」
    一番上に「:選択してください」と入力します。
  • 設定方法:メールで送信する値
    必ず、チェックを入れてください。
  • 設定方法:post_raw="true"
    必ず、一番後ろにくるように設定しておいてください。
スポンサーリンク

SHU

1991年生まれ九州の宮崎県育ち高校卒業後、愛知県で自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑
つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。

最新記事

関連記事

オススメ記事

月別アーカイブ

page_top