2013.7.13
MWWP Form について
13年7月17日水曜日
北島 卓(キタジマ タカシ)
Twitter inc2734
出身  長崎県諫早市
職業  Webデザイナー・プログラマー
ブログ http://2inc.org
趣味  釣り、競艇、写真、自転車、卓球
    探偵ナイトスクープ
13年7月1...
モンキーレンチ
http://2inc.org
13年7月17日水曜日
MW WP Form とは何か
13年7月17日水曜日
MW WP Form はフォームプラグイン
13年7月17日水曜日
MW WP Form の特徴
13年7月17日水曜日
MW WP Form の特徴
・ショートコードを使用したフォーム生成
13年7月17日水曜日
MW WP Form の特徴
・ショートコードを使用したフォーム生成
・確認画面が表示可能
13年7月17日水曜日
MW WP Form の特徴
・ショートコードを使用したフォーム生成
・確認画面が表示可能
・同一URL・個別URLでの画面変遷が可能
13年7月17日水曜日
MW WP Form の特徴
・ショートコードを使用したフォーム生成
・確認画面が表示可能
・同一URL・個別URLでの画面変遷が可能
・豊富なバリデーションルール
13年7月17日水曜日
ショートコードを使用したフォーム生成
フォーム項目を生成するショートコードを組み合わせてフォームを作成します。
そのため、自由にHTMLでマークアップすることができ、柔軟なフォームデザインを実現します。
<table border="0" ce...
確認画面が表示可能
入力画面 > 確認画面 > 完了画面 の画面変遷を実現可能です。もちろん、入力画面 > 完了画面 という画面変遷
も行えます。
13年7月17日水曜日
同一URL・個別URLでの画面変遷が可能
入力・確認・完了画面の画面変遷を同一URLもしくはそれぞれ個別のURLで行うことができます。
http://2inc.org/contact/
http://2inc.org/contact/confir...
豊富なバリデーションルール
必須チェックはもちろんのこと、郵便番号チェック、電話番号チェック、入力文字種チェック、文字数チェッ
クなど、さまざまなバリデーションルールを使用することができます。
・必須
・半角数字
・半角英字
・半角英数字
・郵...
なぜ作ったの?
13年7月17日水曜日
MW WP Form の歴史
13年7月17日水曜日
2007年くらい
Movable Type 3.x から WordPress ME -> WordPress 2.3に移行
お問い合わせフォームに Contact Form 7 を利用
∼2010年くらい
個人ブログでは使用しているものの、
仕...
2011年くらい
転職を機に WordPress をよく使うように…
サイト構築依頼のほとんどを WordPress で構築
お問い合わせフォームが欲しい
今まで通り Contact Form 7 を利用
13年7月17日水曜日
確認画面だせないの?
13年7月17日水曜日
どうやってだせばいいんだ…
13年7月17日水曜日
【inquiry form creator】簡単3ステップで確認画面付きの
問い合わせフォームが設置できるWordPressプラグイン
http://hinagata.biz/plugin/inquiry-form-creator/
13年7月...
2011年末くらい
・Inquiry form creator 更新停止を知る
・自由にデザインしにくい
・使いたいバリデーションがない…
13年7月17日水曜日
2011年末くらい
・Inquiry form creator 更新停止を知る
・自由にデザインしにくい
・使いたいバリデーションがない…
自分で作ろう!
13年7月17日水曜日
オレオレPHPフレームワーク
13年7月17日水曜日
ホーム
会社案内 製品紹介 新着情報 お問い合わせ 資料請求
WordPress オレオレPHPフレームワーク
13年7月17日水曜日
メニューとかに修正があったときに
両方に修正を入れなければいけなくて
超めんどくさい!!
13年7月17日水曜日
iframe で表示すれば良いじゃん!
13年7月17日水曜日
オレオレPHP
フレームワーク
13年7月17日水曜日
なんかへん
13年7月17日水曜日
自分でプラグインを作ろう!
13年7月17日水曜日
2012年7月くらい
・MW WP Form ver 0.5 公開
・ショートコードでフォーム作成
・functions.php にバリデーション、メール送信を記述
・管理画面なし
13年7月17日水曜日
革命が起きるかも!
13年7月17日水曜日
ほとんど反応がないだと…
13年7月17日水曜日
管理画面がないからだ!
13年7月17日水曜日
2013年2月くらい
・フォームの作成、バリデーション、メール設定等がすべて管理
 画面から設定可能に
13年7月17日水曜日
革命が起きるかも!
13年7月17日水曜日
ほとんど反応がないだと…
13年7月17日水曜日
2013年4月くらい
・問い合わせ内容をデータベースに保存する機能を追加
2013年6月くらい
・画像、ファイルアップロード機能を追加
・フォーム項目を追加するためのフックを追加
・Akismet によるスパム判定機能を追加
13年7月17日水...
革命が起きるかも!
13年7月17日水曜日
Contact Form 7
Inquiry Form Creator
Trust Form
MW WP Form
11,534,700
19,875
15,625
13年7月17日水曜日
Contact Form 7
Inquiry Form Creator
Trust Form
MW WP Form
11,534,700
19,875
15,625
853
13年7月17日水曜日
少な!
13年7月17日水曜日
今後やりたいこと
・バリデーション項目追加用のフックを追加
・テーマ機能かひな形挿入機能を追加
・必須項目のチェックがチェックボックス・ラジオボタンと
 それ以外用の2種類にわかれているので統一
・ビジュアルエディタでもボタンがでるように
・C...
デモ
13年7月17日水曜日
ご清聴ありがとうございました。
13年7月17日水曜日
Upcoming SlideShare
Loading in …5
×

Mw wp formについてss

8,651 views

Published on

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,651
On SlideShare
0
From Embeds
0
Number of Embeds
5,469
Actions
Shares
0
Downloads
5
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Mw wp formについてss

  1. 1. 2013.7.13 MWWP Form について 13年7月17日水曜日
  2. 2. 北島 卓(キタジマ タカシ) Twitter inc2734 出身  長崎県諫早市 職業  Webデザイナー・プログラマー ブログ http://2inc.org 趣味  釣り、競艇、写真、自転車、卓球     探偵ナイトスクープ 13年7月17日水曜日
  3. 3. モンキーレンチ http://2inc.org 13年7月17日水曜日
  4. 4. MW WP Form とは何か 13年7月17日水曜日
  5. 5. MW WP Form はフォームプラグイン 13年7月17日水曜日
  6. 6. MW WP Form の特徴 13年7月17日水曜日
  7. 7. MW WP Form の特徴 ・ショートコードを使用したフォーム生成 13年7月17日水曜日
  8. 8. MW WP Form の特徴 ・ショートコードを使用したフォーム生成 ・確認画面が表示可能 13年7月17日水曜日
  9. 9. MW WP Form の特徴 ・ショートコードを使用したフォーム生成 ・確認画面が表示可能 ・同一URL・個別URLでの画面変遷が可能 13年7月17日水曜日
  10. 10. MW WP Form の特徴 ・ショートコードを使用したフォーム生成 ・確認画面が表示可能 ・同一URL・個別URLでの画面変遷が可能 ・豊富なバリデーションルール 13年7月17日水曜日
  11. 11. ショートコードを使用したフォーム生成 フォーム項目を生成するショートコードを組み合わせてフォームを作成します。 そのため、自由にHTMLでマークアップすることができ、柔軟なフォームデザインを実現します。 <table border="0" cellpadding="0" cellspacing="0" class="form"> <tr> <th>お名前</th> <td>[mwform_text name="お名前"]</td> </tr> <tr> <th>電話番号</th> <td>[mwform_tel name="電話番号"]</td> </tr> <tr> <th>内容</th> <td>[mwform_textarea name="内容"]</td> </tr> </table> <p> [mwform_backButton] [mwform_submitButton] </p> 13年7月17日水曜日
  12. 12. 確認画面が表示可能 入力画面 > 確認画面 > 完了画面 の画面変遷を実現可能です。もちろん、入力画面 > 完了画面 という画面変遷 も行えます。 13年7月17日水曜日
  13. 13. 同一URL・個別URLでの画面変遷が可能 入力・確認・完了画面の画面変遷を同一URLもしくはそれぞれ個別のURLで行うことができます。 http://2inc.org/contact/ http://2inc.org/contact/confirm/ http://2inc.org/contact/complete/ 13年7月17日水曜日
  14. 14. 豊富なバリデーションルール 必須チェックはもちろんのこと、郵便番号チェック、電話番号チェック、入力文字種チェック、文字数チェッ クなど、さまざまなバリデーションルールを使用することができます。 ・必須 ・半角数字 ・半角英字 ・半角英数字 ・郵便番号 ・電話番号 ・メールアドレス ・日付 ・一致する項目 ・文字数範囲指定 ・最小文字数 ・拡張子制限 ・サイズ制限 13年7月17日水曜日
  15. 15. なぜ作ったの? 13年7月17日水曜日
  16. 16. MW WP Form の歴史 13年7月17日水曜日
  17. 17. 2007年くらい Movable Type 3.x から WordPress ME -> WordPress 2.3に移行 お問い合わせフォームに Contact Form 7 を利用 ∼2010年くらい 個人ブログでは使用しているものの、 仕事での WordPress 利用は 3件程度 お問い合せフォームの設置依頼には Contact Form 7 で対応 13年7月17日水曜日
  18. 18. 2011年くらい 転職を機に WordPress をよく使うように… サイト構築依頼のほとんどを WordPress で構築 お問い合わせフォームが欲しい 今まで通り Contact Form 7 を利用 13年7月17日水曜日
  19. 19. 確認画面だせないの? 13年7月17日水曜日
  20. 20. どうやってだせばいいんだ… 13年7月17日水曜日
  21. 21. 【inquiry form creator】簡単3ステップで確認画面付きの 問い合わせフォームが設置できるWordPressプラグイン http://hinagata.biz/plugin/inquiry-form-creator/ 13年7月17日水曜日
  22. 22. 2011年末くらい ・Inquiry form creator 更新停止を知る ・自由にデザインしにくい ・使いたいバリデーションがない… 13年7月17日水曜日
  23. 23. 2011年末くらい ・Inquiry form creator 更新停止を知る ・自由にデザインしにくい ・使いたいバリデーションがない… 自分で作ろう! 13年7月17日水曜日
  24. 24. オレオレPHPフレームワーク 13年7月17日水曜日
  25. 25. ホーム 会社案内 製品紹介 新着情報 お問い合わせ 資料請求 WordPress オレオレPHPフレームワーク 13年7月17日水曜日
  26. 26. メニューとかに修正があったときに 両方に修正を入れなければいけなくて 超めんどくさい!! 13年7月17日水曜日
  27. 27. iframe で表示すれば良いじゃん! 13年7月17日水曜日
  28. 28. オレオレPHP フレームワーク 13年7月17日水曜日
  29. 29. なんかへん 13年7月17日水曜日
  30. 30. 自分でプラグインを作ろう! 13年7月17日水曜日
  31. 31. 2012年7月くらい ・MW WP Form ver 0.5 公開 ・ショートコードでフォーム作成 ・functions.php にバリデーション、メール送信を記述 ・管理画面なし 13年7月17日水曜日
  32. 32. 革命が起きるかも! 13年7月17日水曜日
  33. 33. ほとんど反応がないだと… 13年7月17日水曜日
  34. 34. 管理画面がないからだ! 13年7月17日水曜日
  35. 35. 2013年2月くらい ・フォームの作成、バリデーション、メール設定等がすべて管理  画面から設定可能に 13年7月17日水曜日
  36. 36. 革命が起きるかも! 13年7月17日水曜日
  37. 37. ほとんど反応がないだと… 13年7月17日水曜日
  38. 38. 2013年4月くらい ・問い合わせ内容をデータベースに保存する機能を追加 2013年6月くらい ・画像、ファイルアップロード機能を追加 ・フォーム項目を追加するためのフックを追加 ・Akismet によるスパム判定機能を追加 13年7月17日水曜日
  39. 39. 革命が起きるかも! 13年7月17日水曜日
  40. 40. Contact Form 7 Inquiry Form Creator Trust Form MW WP Form 11,534,700 19,875 15,625 13年7月17日水曜日
  41. 41. Contact Form 7 Inquiry Form Creator Trust Form MW WP Form 11,534,700 19,875 15,625 853 13年7月17日水曜日
  42. 42. 少な! 13年7月17日水曜日
  43. 43. 今後やりたいこと ・バリデーション項目追加用のフックを追加 ・テーマ機能かひな形挿入機能を追加 ・必須項目のチェックがチェックボックス・ラジオボタンと  それ以外用の2種類にわかれているので統一 ・ビジュアルエディタでもボタンがでるように ・CSVダウンロード 13年7月17日水曜日
  44. 44. デモ 13年7月17日水曜日
  45. 45. ご清聴ありがとうございました。 13年7月17日水曜日

×