参考書籍
https://www.amazon.co.jp/%E4%BD%9C%E3%81%A3%E3%81%A6%E5%AD%A6%E3%81%B6-WordPress-%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF%E3%83%86%E3%83%BC%E3%83%9E-Compass-Web-Development/dp/4839981876
- ブロックエディタ
https://theta-blog.eccoserver.com/ - ブロックテーマ
https://blocktheme.eccoserver.com/
前提
WPの開発4つのフェーズ
- 編集（ブロックエディターなど）
- カスタマイズ（フルサイト編集、ブロックパターン、ブロックディレクトリ、ブロックテーマなど）<- 今ここ
- コラボレーション（共同編集など）
- 多言語
2023/8月に正式リリース
今入ればイノベーター？
https://www.macromill.com/service/words/early-adopters/
ブロックエディタとブロックテーマの違い
ブロックエディタ
- コンテンツをブロックで管理する
- 通常のコーディングが必要
- サイト設計はテーマに依存
ブロックテーマ
- サイト全体をブロックで管理する
- ノーコードで管理画面からブロックの作成が可能
- サイト設計はwordpressが管理する
コンポーネント（ブロック）単位のデザインを促す
比較
theta と ブロックテーマの操作比較
- ブロックエディタ
https://theta-blog.eccoserver.com/lazy-blocks/ - ブロックテーマ
https://blocktheme.eccoserver.com/?page_id=938
レイアウト、色、サイズ、線、余白などはwpが管理
ノーコードでの作成方法デモ
ノーコードでできる範囲
スタイルガイド、パレットなどの確認
コンテンツを組みパターン化する
つくってみたいやつある？
コード量の比較
変わる制作フロー
現在の作業工程
現状
- 要検定義
- ラフ作成
- ファーストビュー作成（2案）
- トップページ作成
- 下層ページ作成
- スマホトップ作成
- スマホパーツ作成
- 静的コーディング
- wp組み込み
- 動的コンテンツカスタマイズ
- 写真の差し替え
- テキストの流し込み
- デザイン検品
- コード検品
- リリース
ブロックテーマ
- 要検定義
- ラフ作成（wpテーマ上で作成可）
- ファーストビュー作成（テンプレ可）
- デザインパーツ作成（見出し、ボタン、配色、、各サイズ）
- デザインフォーマット構築（ブロック作成）
- 必要画像素材作成（バナーなど）
- 流し込み
- リリース