テーマを比較して編集対象を選ぶ
デザインスタジオのテーマ一覧では、7種類のテーマを比較し、適用中のテーマと未公開の調整があるテーマを確認します。各テーマはトップページ・カテゴリー内商品一覧・商品詳細ページの3枚で構成されるカルーセルを持ちます。

画面への導線
サイドバーの [サイト設定・管理]>[デザインスタジオ]を開きます。
場面別の運営フロー
| 場面 | 運営の動き |
|---|---|
| 比較 | 各カードの3画面を切り替え、レイアウトと情報量を比較します。 |
| 状態確認 | [適用中]と [未公開の調整があります]のバッジを確認します。 |
| 編集 | 対象テーマの [デザインを調整する]を選び、別タブの編集ワークスペースで調整します。 |
| 公開 | 非適用テーマを選んだ場合は編集ワークスペースの [このテーマを公開]から公開します。適用中テーマでは [公開する]を選び、[変更を公開]ダイアログで実行します。公開完了後、テーマ一覧の [適用中]を確認します。 |
この画面で行うこと
| 目的 | 見る内容 |
|---|---|
| テーマを比較する | 7テーマそれぞれの3画面を確認します。 |
| 現在の公開状態を知る | [適用中]バッジを確認します。 |
| 下書きを見つける | [未公開の調整があります]バッジを確認します。 |
| 編集へ進む | [デザインを調整する]を選びます。 |
画面項目と運営上の見方
7テーマ
standard-mall、craft-grid、editorial-minimal、warm-localを表示します。brand-showcase、catalog-compare、resale-communityも選べます。
3画面カルーセル
各テーマで [トップページ]、[カテゴリー内商品一覧]、[商品詳細ページ]を切り替えます。各カタログ画像の基準サイズは1,600×1,000pxです。
適用中・未公開の調整があります
[適用中]は公開サイトで使うテーマ、[未公開の調整があります]は公開前の保存内容があるテーマを示します。
カードの操作
7種類すべてのテーマに [デザインを調整する]を表示します。
判断と次の行動
| 状況 | 対応 |
|---|---|
| 未公開バッジがある | 編集ワークスペースで差分を確認し、公開または下書き破棄を判断します。 |
| 公開テーマを変えたい | 非適用テーマを編集し、[このテーマを公開]を実行します。 |
| 適用中テーマの変更を公開したい | [公開する]を選び、[変更を公開]ダイアログで実行します。 |
| スマートフォンで編集できない | 幅768px以上のPC画面で編集ワークスペースを開きます。テーマ一覧の閲覧は続けられます。 |
次に見る管理画面
| 調整対象 | 開く画面 |
|---|---|
| 配色・書体・カード | デザインスタジオ(スタイルエディタ) |
| トップ・商品詳細・ヘッダー・フッター | デザインスタジオ(ページビルダー) |
| 細かな画面文言 | 文言管理 |
読み込み状態・エラー状態・空状態の見方
| 表示 | 見方 |
|---|---|
| 適用中 | 公開サイトで使用中のテーマです。 |
| 未公開の調整があります | 保存済みで未公開の変更があります。 |