【WordPress】テンプレートファイル作ったらエラーが出るとき(FSE)

ブロックテーマのエディタでテンプレートパーツ作ってたら

このブロックには、想定されていないか無効なコンテンツが含まれています。

と表示され、復旧するというボタンが出るときの対処

原因:

自分の場合は完全にVSCodeの自動整形してくれるアドオンPrettierが原因でした。保存するときに自動で整形する、という機能を使ってる人は多いと思うんですが、アレです。

整形前

整形後

ワードプレスのブロックテーマって、タグとかインラインスタイルの書き方とか、改行もかな、少しでも変わるとダメっぽいです。

対策

プロジェクト直下に

.prettierignore

というファイルを作成します。

自動整形してほしくないファイルやフォルダを指定。

templates/
parts/

自分の場合はテンプレートフォルダの中には影響させたくなかったのでこう書きました。

これでエラーはなくなりました。

すでにエラーになってしまった、って人は復旧したコードをもう一度ファイルにコピペしてください。