SPWFormTemplates は、SPWForm 向けの無料アドオンです。
SPWFormで作成するフォームに簡単にデザインを加えることができます。
主な機能
「構成テンプレート」と「フォームcss」と「パーツ」の３種のテンプレートがあります。
- 「構成テンプレート」はhtmlの構成となっており、フォームのパーツなどがデフォルトで入ってます。
- 「フォームcss」は「構成テンプレート」の構成内のフォーム要素に色やデザインを加えます。
- 「パーツ」はよく使うフォーム要素などを簡単入力するための機能です。
上記それぞれのオフィシャルテンプレートが付属。
基本はその中から「構成テンプレート」と「フォームcss」を選びフォームに反映するだけでOK。
その他の機能
- 自分で作成したフォームをテンプレートとして保存可能
- 保存したテンプレートを選んでJSONに保存し、他の環境のSPWFormTemplatesで取り込み可能
使い方
- SPWFormで「新規作成」でフォームを作成。
- 画面下の方に「SPWFormTemplates」設定ボックスが表示されその中にテンプレートの区分毎にアイコンが並んでます。
- そのアイコンの中から選んでクリックするとダイアログが出るので「OK」（または「反映して更新」）をクリックで反映（「反映して更新」を押すと保存まで一括）。
- 「構成テンプレート」を押すとhtmlとCSSがセットされます。CSSは構成に不可欠なもののみでレスポンシブデザインに対応します。
- 「フォームcss」を押すとCSSのみ反映されます。主にフォームのパーツ用のCSSでラジオボタンやチェックボックスなどにも綺麗なデザインが付きます。
- これで見た目はOKです。
SPWForm用のショートコードの中身を自分のサイトで必要な内容に書き換えます。 - バリデーションを確認し、メール設定に必要事項を記入。
- 送信テストが上手くいけばメール設置完了です！
- 「パーツ」は補助的な機能。エディタ内のカーソルのある箇所に文字列を追加できます。デフォルトでは送信ボタンまわりの構成だけが入ってますが、ご自分で何度も使う様な要素を作成して保存しておくと便利です。
推しポイント
- とにかく簡単に整ったフォームが作れます！
- 以後オフィシャルテンプレートどんどん追加予定
- CSSでデザインされたフォームを他のユーザーと簡単共有
SPWFormTemplates は SPWForm 本体の追加アドオンとして導入します。単体では使えないため、先に SPWForm を有効化してください。
インストール手順
- 先に SPWForm 本体をインストールし、有効化します。
- 次に SPWFormTemplates ををWordpressのpluginフォルダーにアップロードして管理画面から有効化します。
変更履歴
ver 0.1.5（2026-05-16）
- 配布対象の切り替えAJAXハンドラで、nonceチェックを$_POSTアクセスより先に行うよう処理順を修正しました。
- レイアウトCSSを保存・インポート・JSON出力・プレビュー出力時にサニタイズするよう修正しました。
- 内部class / traitファイルへ直接アクセスされた場合に処理を終了するよう対策しました。
ver 0.1.4（2026-05-11）
- 送信ボタンパーツとサンプルフォーム構成テンプレートに、英語環境向けの公式テンプレートを追加しました。
- 公式フォームCSSテンプレートのファイル入力欄の余白を調整し、ファイル名表示との間隔を詰めました。
ver 0.1.3（2026-05-09）
- 公式テンプレートの対象言語に応じて、日本語環境と英語環境で表示するテンプレート一覧を切り替えられるようにしました。
ver 0.1.2（2026-05-08）
- 英語環境の管理画面で、投稿タイプ、メタボックス、通知、テンプレート挿入ダイアログ、JSON取り込み/書き出しUIが英語表示されるようにしました。
- SPWForm編集画面からのテンプレート保存で、パーツ区分を選択できないようにしました。
ver 0.1.1（2026-05-06）
- 一部の不具合を修正しました。
- 同梱しているオフィシャルテンプレートの内容を修正しました。
ver 0.1.0
- 初回ベータ版をリリース。