Mw wp formについてss

  • 5,709 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
5,709
On Slideshare
0
From Embeds
0
Number of Embeds
13

Actions

Shares
Downloads
4
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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