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.

WordBench Kyoto & Osaka Gutenbergで作るランディングページ

6,278 views

Published on

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

Published in: Engineering
  • Be the first to comment

WordBench Kyoto & Osaka Gutenbergで作るランディングページ

  1. 1. WordBench Kyoto & Osaka
  2. 2. WordBench Kyoto & Osaka
  3. 3. WordBench Kyoto & Osaka
  4. 4. WordBench Kyoto & Osaka
  5. 5. WordBench Kyoto & Osaka • • • •
  6. 6. WordBench Kyoto & Osaka
  7. 7. WordBench Kyoto & Osaka
  8. 8. WordBench Kyoto & Osaka https://ja.wikipedia.org/wiki/ヨハネス・グーテンベルク
  9. 9. WordBench Kyoto & Osaka • • ブロック:エディタ、ウィジェット、ショートコード等々 • 現在はプラグイン形式(Ver1.9.1)で配布中 最終的にはコアに組み込まれる予定 https://wordpress.org/gutenberg/ https://raw.githubusercontent.com/jawordpressorg/gutenberg-docs/master/ja/gutenberg.html
  10. 10. WordBench Kyoto & Osaka https://wordpress.org/gutenberg/ https://raw.githubusercontent.com/jawordpressorg/gutenberg-docs/master/ja/gutenberg.html
  11. 11. WordBench Kyoto & Osaka https://wordpress.org/gutenberg/
  12. 12. WordBench Kyoto & Osaka • • • • • • https://raw.githubusercontent.com/jawordpressorg/gutenberg-docs/master/ja/gutenberg.html
  13. 13. WordBench Kyoto & Osaka
  14. 14. WordBench Kyoto & Osaka https://riad.blog/2017/12/11/with-gutenberg-what-happens-to-my-custom-fields/#comment-597
  15. 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. 16. WordBench Kyoto & Osaka https://riad.blog/2017/12/11/with-gutenberg-what-happens-to-my-custom-fields/#comment-597
  17. 17. WordBench Kyoto & Osaka https://riad.blog/2017/12/11/with-gutenberg-what-happens-to-my-custom-fields/#comment-597 > 既存のすべてのウェブサイトの29%がすでに存在しています:既存 のWordPressの概念に精通していて、満⾜しています。 現状を維持するのは正当な理由ですか?既存のユーザーのために新し いユーザーにとってより簡単にするべきではありませんか?既存の ユーザーには適応するのが難しいため、変更を避けるべきですか? 私はあなたの痛みを感じ、それは簡単な変更ではありませんが、
  18. 18. WordBench Kyoto & Osaka https://wordpress.org/plugins/classic-editor/
  19. 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. 20. WordBench Kyoto & Osaka
  21. 21. WordBench Kyoto & Osaka
  22. 22. WordBench Kyoto & Osaka
  23. 23. WordBench Kyoto & Osaka
  24. 24. WordBench Kyoto & Osaka
  25. 25. WordBench Kyoto & Osaka
  26. 26. WordBench Kyoto & Osaka
  27. 27. WordBench Kyoto & Osaka
  28. 28. WordBench Kyoto & Osaka
  29. 29. WordBench Kyoto & Osaka
  30. 30. WordBench Kyoto & Osaka
  31. 31. WordBench Kyoto & Osaka
  32. 32. WordBench Kyoto & Osaka
  33. 33. WordBench Kyoto & Osaka https://wordpress.org/gutenberg/handbook/block-api/#register-block-type
  34. 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. 35. WordBench Kyoto & Osaka
  36. 36. WordBench Kyoto & Osaka Gutenbergの動作を確認するためにシンプルなテーマ を作ってみました。 https://github.com/onocom/gutenberg-challenge/tree/master/step03_enable-theme/landing-page
  37. 37. WordBench Kyoto & Osaka
  38. 38. WordBench Kyoto & Osaka
  39. 39. WordBench Kyoto & Osaka https://github.com/WordPress/gutenberg/blob/master/docs/themes.md
  40. 40. WordBench Kyoto & Osaka
  41. 41. WordBench Kyoto & Osaka
  42. 42. WordBench Kyoto & Osaka https://github.com/WordPress/gutenberg-theme
  43. 43. WordBench Kyoto & Osaka
  44. 44. WordBench Kyoto & Osaka
  45. 45. WordBench Kyoto & Osaka
  46. 46. Gutenberg Challenge
  47. 47. LETS TRY 5min.
  48. 48. RESULTS
  49. 49. WordBench Kyoto & Osaka
  50. 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. 51. WordBench Kyoto & Osaka

×