SPWFormTemplates

SPWFormTemplates は、SPWForm 向けの無料アドオンです。
SPWFormで作成するフォームに簡単にデザインを加えることができます。

主な機能

「構成テンプレート」と「フォームcss」と「パーツ」の３種のテンプレートがあります。

• 「構成テンプレート」はhtmlの構成となっており、フォームのパーツなどがデフォルトで入ってます。
• 「フォームcss」は「構成テンプレート」の構成内のフォーム要素に色やデザインを加えます。
• 「パーツ」はよく使うフォーム要素などを簡単入力するための機能です。

上記それぞれのオフィシャルテンプレートが付属。
基本はその中から「構成テンプレート」と「フォームcss」を選びフォームに反映するだけでOK。

その他の機能

• 自分で作成したフォームをテンプレートとして保存可能
• 保存したテンプレートを選んでJSONに保存し、他の環境のSPWFormTemplatesで取り込み可能

使い方

1. SPWFormで「新規作成」でフォームを作成。
2. 画面下の方に「SPWFormTemplates」設定ボックスが表示されその中にテンプレートの区分毎にアイコンが並んでます。
3. そのアイコンの中から選んでクリックするとダイアログが出るので「OK」（または「反映して更新」）をクリックで反映（「反映して更新」を押すと保存まで一括）。
4. 「構成テンプレート」を押すとhtmlとCSSがセットされます。CSSは構成に不可欠なもののみでレスポンシブデザインに対応します。
5. 「フォームcss」を押すとCSSのみ反映されます。主にフォームのパーツ用のCSSでラジオボタンやチェックボックスなどにも綺麗なデザインが付きます。
6. これで見た目はOKです。
   SPWForm用のショートコードの中身を自分のサイトで必要な内容に書き換えます。
7. バリデーションを確認し、メール設定に必要事項を記入。
8. 送信テストが上手くいけばメール設置完了です！
9. 「パーツ」は補助的な機能。エディタ内のカーソルのある箇所に文字列を追加できます。デフォルトでは送信ボタンまわりの構成だけが入ってますが、ご自分で何度も使う様な要素を作成して保存しておくと便利です。

推しポイント

• とにかく簡単に整ったフォームが作れます！
• 以後オフィシャルテンプレートどんどん追加予定
• CSSでデザインされたフォームを他のユーザーと簡単共有