テーマはこうなる? テーマはこうなる? Block-Based Theme を作ってみ Block-Based Theme を作ってみ た た 三木徹（Toru Miki） 三木徹（Toru Miki）

三木徹 三木徹 Web Developer WordPress は14年くらい WordPress コア / 翻訳への貢献 WordCamp実行委員長 / スタッフ / ボランティア 英語で Meetup をやったり、本を書いたりもしてました

Full Site Editing への道 Full Site Editing への道 Gutenberg 6.8（2019年10月30日）あたりから実験的な機能（ Experiment）として少しづつ追加されてきている Join the Gutenberg Customization Conversations https://make.wordpress.org/core/2019/10/30/whats-new-in- gutenberg-30-october/ https://make.wordpress.org/core/2019/11/02/join-the- gutenberg-customization-conversations/

12月6日：実験的な機能なので今後大いに変更があり、とされながらも、 12月6日：実験的な機能なので今後大いに変更があり、とされながらも、 Block-based Theme の現状仕様が Gutenberg のドキュメントにコミットされた Block-based Theme の現状仕様が Gutenberg のドキュメントにコミットされた https://github.com/WordPress/gutenberg/blob/master/docs/designers- developers/developers/themes/block-based-themes.md

ドキュメント ドキュメント 実際にやったこと 実際にやったこと theme theme |__ style.css |__ style.css |__ functions.php |__ functions.php |__ block-templates |__ block-templates |__ index.html |__ index.html |__ single.html |__ single.html |__ archive.html |__ archive.html |__ ... |__ ... |__ block-template-parts |__ block-template-parts |__ header.html |__ header.html |__ footer.html |__ footer.html |__ sidebar.html |__ sidebar.html |__ ... |__ ... block-based-theme-test block-based-theme-test |__ style.css |__ style.css |__ functions.php |__ functions.php |__ index.php |__ index.php 現状 認識 現状 認識 |__ block-templates |__ block-templates |__ index.html |__ index.html |__ block-template-parts |__ block-template-parts |__ header.html |__ header.html 作 分 … 作 分 … |__ footer.html |__ footer.html 作 分 … 作 分 …

実演デモ 実演デモ

ひとまず作ってみた結果 ひとまず作ってみた結果 まだ、ベータの前のアルファ…と言えるのかどうかぐらいの段 階。言葉通り「Experiments（実験）」。 ただ、目指そうとしている方向性を体感できるくらいには動く。 テーマ内のファイル ⇄ 外観の Templates と Template Parts 、各 ブロック、テンプレート階層、など…の関連性が非常に可視化し づらい。 動的な PHP テンプレートからHTMLへの変更は「退化」ではない か？というコメントが多数ありました。

ありがとうございました ありがとうございました 三木徹（Toru Miki） 三木徹（Toru Miki） Twitter: @waviaei https://profiles.wordpress.org/toru https://github.com/waviaei