WordPressの次期エディタGutenberg（グーテンベルク）の紹介、テーマ対応方法の紹介、実際にGutenbergを使ってみるセッションをWordBench Kyoto&Osakaで実施しました。

1. WordBench Kyoto & Osaka

2. WordBench Kyoto & Osaka

3. WordBench Kyoto & Osaka

4. WordBench Kyoto & Osaka

5. WordBench Kyoto & Osaka
•
•
•
•

6. WordBench Kyoto & Osaka

7. WordBench Kyoto & Osaka

8. WordBench Kyoto & Osaka
https://ja.wikipedia.org/wiki/ヨハネス・グーテンベルク

9. WordBench Kyoto & Osaka
•
•
ブロック：エディタ、ウィジェット、ショートコード等々
•
現在はプラグイン形式(Ver1.9.1)で配布中
最終的にはコアに組み込まれる予定
https://wordpress.org/gutenberg/
https://raw.githubusercontent.com/jawordpressorg/gutenberg-docs/master/ja/gutenberg.html

10. WordBench Kyoto & Osaka
https://wordpress.org/gutenberg/
https://raw.githubusercontent.com/jawordpressorg/gutenberg-docs/master/ja/gutenberg.html

11. WordBench Kyoto & Osaka
https://wordpress.org/gutenberg/

12. WordBench Kyoto & Osaka
•
•
•
•
•
•
https://raw.githubusercontent.com/jawordpressorg/gutenberg-docs/master/ja/gutenberg.html

13. WordBench Kyoto & Osaka

14. WordBench Kyoto & Osaka
https://riad.blog/2017/12/11/with-gutenberg-what-happens-to-my-custom-fields/#comment-597

15. WordBench Kyoto & Osaka
https://riad.blog/2017/12/11/with-gutenberg-what-happens-to-my-custom-fields/#comment-597
> 最終ユーザは、ショートコード、ウィジェット、メニュー、TinyMCE、
メタボックスなど、WordPressのコンテンツの作成⽅法や編集⽅法を理
解するために、これらの概念すべてを学ぶ必要はありません。すでに
WordPressに精通している⼈にとっては⾃然かもしれません。
既存のすべてのウェブサイトの29％以上が既に存在しています：既存の
WordPressの概念に精通し、満⾜しています。
これらの
そしてそれがコアのグーテンベルグが悪い考えである理由です。それは
斬新なコンセプトなので、wordpress.comのようなホスティング会社に
プレインストールされていても、プラグインとして提供されるはずです。

16. WordBench Kyoto & Osaka
https://riad.blog/2017/12/11/with-gutenberg-what-happens-to-my-custom-fields/#comment-597

17. WordBench Kyoto & Osaka
https://riad.blog/2017/12/11/with-gutenberg-what-happens-to-my-custom-fields/#comment-597
> 既存のすべてのウェブサイトの29％がすでに存在しています：既存
のWordPressの概念に精通していて、満⾜しています。
現状を維持するのは正当な理由ですか？既存のユーザーのために新し
いユーザーにとってより簡単にするべきではありませんか？既存の
ユーザーには適応するのが難しいため、変更を避けるべきですか？
私はあなたの痛みを感じ、それは簡単な変更ではありませんが、

18. WordBench Kyoto & Osaka
https://wordpress.org/plugins/classic-editor/

19. WordBench Kyoto & Osaka
•
https://ja.wordpress.org/plugins/gutenberg/
https://github.com/WordPress/gutenberg
•
https://github.com/WordPress/gutenberg-theme
•
https://github.com/WordPress/gutenberg/tree/master/docs
https://wordpress.org/gutenberg/handbook/

20. WordBench Kyoto & Osaka

21. WordBench Kyoto & Osaka

22. WordBench Kyoto & Osaka

23. WordBench Kyoto & Osaka

24. WordBench Kyoto & Osaka

25. WordBench Kyoto & Osaka

26. WordBench Kyoto & Osaka

27. WordBench Kyoto & Osaka

28. WordBench Kyoto & Osaka

29. WordBench Kyoto & Osaka

30. WordBench Kyoto & Osaka

31. WordBench Kyoto & Osaka

32. WordBench Kyoto & Osaka

33. WordBench Kyoto & Osaka
https://wordpress.org/gutenberg/handbook/block-api/#register-block-type

34. WordBench Kyoto & Osaka
•
• 投稿⼀覧クイック編集から編集するしかなさそう。
この件について、Githubで議論されている。
(https://github.com/WordPress/gutenberg/pull/3418)
•
• 今のところ柔軟なカラム設定出来ない。
(https://github.com/WordPress/gutenberg/issues/219)
•
• register_post_typeする際に、ʻshow_in_restʼ => true が必要。

35. WordBench Kyoto & Osaka

36. WordBench Kyoto & Osaka
Gutenbergの動作を確認するためにシンプルなテーマ
を作ってみました。
https://github.com/onocom/gutenberg-challenge/tree/master/step03_enable-theme/landing-page

37. WordBench Kyoto & Osaka

38. WordBench Kyoto & Osaka

39. WordBench Kyoto & Osaka
https://github.com/WordPress/gutenberg/blob/master/docs/themes.md

40. WordBench Kyoto & Osaka

41. WordBench Kyoto & Osaka

42. WordBench Kyoto & Osaka
https://github.com/WordPress/gutenberg-theme

43. WordBench Kyoto & Osaka

44. WordBench Kyoto & Osaka

45. WordBench Kyoto & Osaka

46. Gutenberg
Challenge

47. LETS TRY
5min.

48. RESULTS

49. WordBench Kyoto & Osaka

50. WordBench Kyoto & Osaka
使いやすくするために、貢献できそうなことから貢献しよう！
•
https://ja.wordpress.org/plugins/gutenberg/
https://github.com/WordPress/gutenberg
•
https://github.com/WordPress/gutenberg-theme
•
https://github.com/WordPress/gutenberg/tree/master/docs
https://wordpress.org/gutenberg/handbook/

51. WordBench Kyoto & Osaka