Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

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

11.536 visualizaciones

Publicado el

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

Publicado en: Ingeniería
  • Sé el primero en comentar

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

×