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

1. kintoneをより便利にする
WordPressプラグイン
NPO法人のためのIT支援事務所
ht
細谷 崇
一般社団法人CoderDojo Japan 理事
認定NPO法人宝塚NPOセンター理事
NPO法人SEIN理事
ひょうご市民活動協議会 副運営委員長
CoderDojo西宮・梅田 チャンピオン

2. 自己紹介

3. 関西を中心に
NPOや地域団体のWEB制作やITサポート
巨人の肩にのる
シゴトのスタイル
HP制作ツール

5. エンジニアを対象にした
WordPressの書籍を共著で執筆
執筆

6. WordCamp
Osaka 2018
2018年6月2日
登壇します！
年１回の大きなWordPressのイベント

7. WordPressの紹介

8. 引用：https://news.mynavi.jp/article/20171213-555670/
CMSシェア
60%
1位 WordPress
2位 Joomla
3位 Drupal
59.9%
6.6%
4.6%
圧倒的
シェア

9. 2年前の hack で「kintoneとWordPressを使った連携事例」を紹介

10. 誰でも連携できるように
WordPressのプラグイン化
kintoneの
データ表示
お問い合わせ内容をkintoneへ
kintoneの情報をWordPressへ1
2

11. kintone の情報を WordPress へ1
顧客リスト
会社名 住所

12. Publish kintone data インストール

13. • ドメイン
• トークン
• アプリID
API トークン等を設定
1. kintone ドメイン
2. APIトークン
3. kintone のアプリID -> WPの投稿タイプ

14. kintone のフィールドを取得

15. kintone のフィールドを取得

16. Webhookの設定
kintone が更新されたらリアルタイムにWEBサイトが更新されるように

17. ページのタイトルを設定
WordPressで使う為の任意のフィールド名を設定
WordPressで使う為の任意のフィールド名を設定
kintone と WordPress のフィールドを紐付ける

18. Save
Bulk Update
kintone のレコードを一括取り込み

19. 設定したポストタイプに kintone レコードが取り込まれる

20. kintone を更新すると WordPress のデータも
自動で書き換えされます。

21. 問い合わせ内容 の情報を kintone へ2

22. ２つのプラグインをインストール

23. フォームの設定画面に kintone のタブが表示

24. API トークン等を設定
1. kintone ドメイン
2. kintone のアプリID
3. APIトークン

25. GET
kintone のフィールドを取得

26. kintone のフィールドを取得

27. 問い合わせフォームの項目のメールタグと
kintoneのフィールドとを紐付ける
kintone のフィールドと
問い合わせフォームのメールタグを紐付ける

28. 表示させるフォームの設定

29. 表示させるフォームの設定

30. kintone ボタンを押して、テンプレートを表示

31. kintone ボタンを押して、テンプレートを表示

32. 必要な項目をコピーして貼り付ける
コピー＆ペーストしてフォーム作成

33. フォームを送信すると kintone に反映される

34. WordPress 公式ディレクトリー