![Page 1: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/1.jpg)
これが長崎生まれ長崎育ち! スーパーお問い合わせフォーム MW WP Formだ!+α
WordBench大分 第10回勉強会 芸術の秋 Webデザインフェスタ
キタジマタカシ @inc2734
![Page 2: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/2.jpg)
Twitter inc2734 http://2inc.org
・キタジマタカシ ・WordBench長崎モデレーター ・公式ディレクトリ掲載テーマ「Kotetsu」 ・公式ディレクトリ掲載プラグイン 10個
![Page 3: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/3.jpg)
WordPress でフォームを作るとき、 こんなことありませんか
![Page 4: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/4.jpg)
確認画面だしたいんだけど…
![Page 5: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/5.jpg)
入力エラー率とかフォームのコンバージョンとかを計測したいんだけど…
![Page 6: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/6.jpg)
フォームのデザインにこだわりたいんだけど…
![Page 7: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/7.jpg)
できます!
![Page 8: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/8.jpg)
そう、MW WP Form ならね
![Page 9: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/9.jpg)
他にもいろいろ
![Page 10: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/10.jpg)
豊富なバリデーション必須チェック、ひらがな、カタカナ、数値、 日付、メールアドレス、最小文字数、 拡張子制限、ファイルサイズ制限…など
![Page 11: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/11.jpg)
問い合わせデータの保存CSVエクスポート
![Page 12: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/12.jpg)
保存したデータをグラフ表示
![Page 13: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/13.jpg)
デモ
![Page 14: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/14.jpg)
これが長崎生まれ長崎育ち! スーパーお問い合わせフォーム MW WP Formだ!+α
WordBench大分 第10回勉強会 芸術の秋 Webデザインフェスタ
キタジマタカシ @inc2734
![Page 15: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/15.jpg)
これが長崎生まれ長崎育ち! スーパーお問い合わせフォーム MW WP Formだ!+α
WordBench大分 第10回勉強会 芸術の秋 Webデザインフェスタ
キタジマタカシ @inc2734
![Page 16: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/16.jpg)
![Page 17: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/17.jpg)
こんなデザインのページ、 ビジュアルエディタでは きついですよね…
![Page 18: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/18.jpg)
カスタムフィールド系プラグイン
![Page 19: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/19.jpg)
+α
![Page 20: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/20.jpg)
Advanced Custom Fields
![Page 21: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/21.jpg)
リピーターフィールドが有料…
![Page 22: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/22.jpg)
データの保存形式がおかしい…
![Page 23: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/23.jpg)
多機能過ぎてなんか面倒…
![Page 24: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/24.jpg)
つくりました!
![Page 25: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/25.jpg)
Smart Custom Fields
![Page 26: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/26.jpg)
・繰り返し機能が標準装備! ・メタデータのプレビュー対応 ・メタデータのリビジョン対応 ・なるべくわかりやすく
![Page 27: これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α](https://reader031.vdocuments.pub/reader031/viewer/2022013115/559750f01a28abaa4f8b456c/html5/thumbnails/27.jpg)
デモ