画面から 画面リファレンス サイト設定・管理 対象: プラットフォーム管理者

デザインスタジオ(テーマ一覧)

7テーマの3画面イメージを比較し、適用中・未公開変更の状態から編集へ進む一覧です。

最終更新日:

テーマを比較して編集対象を選ぶ

デザインスタジオのテーマ一覧では、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画面で編集ワークスペースを開きます。テーマ一覧の閲覧は続けられます。

次に見る管理画面

調整対象開く画面
配色・書体・カードデザインスタジオ(スタイルエディタ)
トップ・商品詳細・ヘッダー・フッターデザインスタジオ(ページビルダー)
細かな画面文言文言管理

読み込み状態・エラー状態・空状態の見方

表示見方
適用中公開サイトで使用中のテーマです。
未公開の調整があります保存済みで未公開の変更があります。