Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ht 細谷 崇さま_kintone hive

160 views

Published on

kintone hive osaka vol.5
kintone hack
ht 細谷 崇 氏

Published in: Business
  • Login to see the comments

  • Be the first to like this

ht 細谷 崇さま_kintone hive

  1. 1. kintoneをより便利にする WordPressプラグイン NPO法人のためのIT支援事務所 ht 細谷 崇 一般社団法人CoderDojo Japan 理事 認定NPO法人宝塚NPOセンター理事 NPO法人SEIN理事 ひょうご市民活動協議会 副運営委員長 CoderDojo西宮・梅田 チャンピオン
  2. 2. 自己紹介
  3. 3. 関西を中心に NPOや地域団体のWEB制作やITサポート 巨人の肩にのる シゴトのスタイル HP制作ツール
  4. 4. エンジニアを対象にした WordPressの書籍を共著で執筆 執筆
  5. 5. WordCamp Osaka 2018 2018年6月2日 登壇します! 年1回の大きなWordPressのイベント
  6. 6. WordPressの紹介
  7. 7. 引用:https://news.mynavi.jp/article/20171213-555670/ CMSシェア 60% 1位 WordPress 2位 Joomla 3位 Drupal 59.9% 6.6% 4.6% 圧倒的 シェア
  8. 8. 2年前の hack で「kintoneとWordPressを使った連携事例」を紹介
  9. 9. 誰でも連携できるように WordPressのプラグイン化 kintoneの データ表示 お問い合わせ内容をkintoneへ kintoneの情報をWordPressへ1 2
  10. 10. kintone の情報を WordPress へ1 顧客リスト 会社名 住所
  11. 11. Publish kintone data インストール
  12. 12. • ドメイン • トークン • アプリID API トークン等を設定 1. kintone ドメイン 2. APIトークン 3. kintone のアプリID -> WPの投稿タイプ
  13. 13. kintone のフィールドを取得
  14. 14. kintone のフィールドを取得
  15. 15. Webhookの設定 kintone が更新されたらリアルタイムにWEBサイトが更新されるように
  16. 16. ページのタイトルを設定 WordPressで使う為の任意のフィールド名を設定 WordPressで使う為の任意のフィールド名を設定 kintone と WordPress のフィールドを紐付ける
  17. 17. Save Bulk Update kintone のレコードを一括取り込み
  18. 18. 設定したポストタイプに kintone レコードが取り込まれる
  19. 19. kintone を更新すると WordPress のデータも 自動で書き換えされます。
  20. 20. 問い合わせ内容 の情報を kintone へ2
  21. 21. 2つのプラグインをインストール
  22. 22. フォームの設定画面に kintone のタブが表示
  23. 23. API トークン等を設定 1. kintone ドメイン 2. kintone のアプリID 3. APIトークン
  24. 24. GET kintone のフィールドを取得
  25. 25. kintone のフィールドを取得
  26. 26. 問い合わせフォームの項目のメールタグと kintoneのフィールドとを紐付ける kintone のフィールドと 問い合わせフォームのメールタグを紐付ける
  27. 27. 表示させるフォームの設定
  28. 28. 表示させるフォームの設定
  29. 29. kintone ボタンを押して、テンプレートを表示
  30. 30. kintone ボタンを押して、テンプレートを表示
  31. 31. 必要な項目をコピーして貼り付ける コピー&ペーストしてフォーム作成
  32. 32. フォームを送信すると kintone に反映される
  33. 33. WordPress 公式ディレクトリー

×