ブロックのオーサリング

AEM オーサーにログインします。

Sites に移動して、前の章で作成したサイト（WKND（ユニバーサルエディター））を選択します。

ページを作成または編集して新しいブロックを追加し、ローカル開発をサポートするコンテキストが使用できることを確認します。ページはサイト内のどこにでも作成できますが、多くの場合、新しい作業内容ごとに個別のページを作成することが最適です。分岐 ​という名前の新しい「フォルダー」ページを作成します。各サブページは、同じ名前の Git 分岐の開発をサポートするのに使用されます。

分岐 ​ページで、開発分岐名と一致する​ ティーザー ​というタイトルの新しいページを作成し、「開く」をクリックしてページを編集します。

URL に ?ref=teaser を追加して、ユニバーサルエディターを更新し、teaser 分岐からコードを読み込みます。# 記号の​ 前 ​にクエリパラメーターを追加します。

メイン ​の下にある最初のセクションを選択し、「追加」ボタンをクリックして、ティーザー ​ブロックを選択します。

キャンバス上で、新しく追加されたティーザーを選択し、右側のフィールドまたはインライン編集機能を使用してフィールドを作成します。

オーサリングが完了したら、ユニバーサルエディターの右上にある「公開」ボタンを選択し、プレビュー ​に公開して、変更をプレビュー環境に公開します。変更は、web サイトの aem.page ドメインに公開されます。

変更がプレビューに公開されるまで待ってから、AEM CLI 経由で http://localhost:3000/branches/teaser の web ページを開きます。