各、遷移画面はユニークに設定できるなどなど至れり尽くせりの特徴をもった、使い勝手の良いメールフォームプラグインです。調べ尽くしたわけではありませんが、個人的にWordpressのメールフォーム系プラグインの中で唯一クライアントに納品できるプラグインだと思っています。当サイトにも導入しています。Formですが、豊富なバリデーションルールのわりに、エラー画面の自由度が低いのがたまにキズです。replaceでエラー画面を自由にデザインデフォルトのままでは上図のようなデザインの場合、エラーがおこれば下図のようにエラーメッセージが不格好に表示されてしまいます。class="error">未入力です。class="error">未入力です。class="error">未入力です。class="error">未入力です。class="error">未入力です。class="error">未入力です。</span></dd></dl>まず最初にクラスerrorをお手軽にポジションで枠の外に移動させました。悪くはないのですが、IE7でエラーメッセージがうまく表示されなくて超ハマってしまいました。力技で表示させることは、できますが、毎回と思うと手間で仕方ありません。次に考えたのがjQueryでDOMを操作したほうが楽なんじゃね?ってことでした。その通りで、jQueryを使ったほうが自由度も高いですし、設置も速かったです。ご覧の通り格段に自由度も上がりました。以下MW-WP-Formのテンプレとjsです。$(this).text(txt.replace("未入力です。","入力必須項目です。$(this).text();$(this).text(txt.replace("未入力です。","入力必須項目です。input[type=text]").addClass("ebg");}});まずreplaceで「未入力です。」を「入力必須項目です。」に変換し、アラート感を出すためにprependで「※」を追加、insertAfterで項目名に移動させました。アラート感をだすように、hasClassでクラスerrorを取得し、クラスerrorが含まれていたらaddClassでebgというクラスを付与するようにしています。Formを導入してみました。詳しくはこちらの記事で解説しています。Wakai大阪でWebデザイナーをしています。メインでFireworksを使ってます。IllustratorやPhotoshopも使っています。