コンテンツ、ページ、メディアを編集する

ストアフロントページに移動し、表示されているコンテンツまたは画像を更新して、結果を保存します。

エントリーパス: ワークスペース → ストアを選択 → ストアフロント → 対象のストアフロントページを開く → デザインモード → 要素を選択

このガイドの内容

変更したい正確なストアフロントページを開き、サポートされているテキスト、レイアウト、またはメディア要素を1つ編集し、公開前に保存された結果を確認します。

このワークフローはページレベルの調整に使用します。コピーの修正、タイポグラフィの変更、間隔の調整、写真の置き換え、代替画像の生成、または不要な要素の削除を行います。対象ページと選択された要素を明確に保ちます。

ナビゲーション動作、製品データ、チェックアウト、または複数ページの変更については、ビジュアルコントロールのみに頼らず、Runnerに通常のリクエストを送信してください。

英語の注釈で操作箇所を示しています。画像を選択すると拡大できます。

対象要素を選んで始めます。画像操作は対応する素材を選ぶと表示されます。置換や保存は示していません。画像は英語の画面です。

デザインモードを使用するでは、共通のRunner AIに質問、間隔、テキスト、要素を削除、アンドゥ、リドゥ、保存の各コントロールを説明しています。以下のコントロールは、選択された要素がメディアをサポートしている場合にのみ表示されます。

コントロール	変更内容	使用時の動作
画像 → アップロード	選択された画像またはサポートされている背景画像。	画像をアップロードを選択し、画像ファイルを選択すると、Runnerはアップロード成功後に選択されたメディアを置き換えます。製品で表示される現在の制限は、画像あたり5 MBです。
画像 → AI生成	生成された置き換え画像。	プロンプトを入力して実行を選択します。最初の結果の後、もう一度実行で別の結果をリクエストし、履歴でこの編集セッションの結果を開きます。
履歴	現在の画像編集セッションから生成された画像。	アイテムを選択して検査します。このバージョンを復元でその画像とプロンプトを適用します。ダウンロードアイコンで個別の結果をダウンロードします。

表示内容	意味	対応方法
選択された要素に一部のコントロールのみがある	Runnerはその要素でサポートされているコントロールを公開します。	利用可能なコントロールを使用するか、より広い変更についてRunnerにチャットで質問します。
アップロードが拒否されました	ファイルが見つからない、画像ではない、表示された制限を超えている、またはアップロードが失敗しました。	別の画像を選択してもう一度試してください。
生成中…	Runnerが要求された画像を作成しています。	パネルを開いたままにして、完了するか失敗を報告するまで待ちます。
履歴がない	このセッションでAI生成画像がまだ存在しません。	最初の画像を生成するか、代わりに自分の画像をアップロードします。
ルートが開かない	パスが無効、外部、またはプレビューの一部ではありません。	`/`に戻り、表示されているストアフロントリンクを使用するか、Runnerにページの作成または修復を依頼します。
保存されたページがモバイルで異なる	編集がレスポンシブレイアウトに影響しました。	デザインモードを再度開くか、公開前にRunnerにデバイス固有の修正を依頼します。