Your SlideShare is downloading. ×
0
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Mw wp formについてss
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mw wp formについてss

6,583

Published on

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

No Downloads
Views
Total Views
6,583
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
5
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日水曜日

×