［テーマ］と［レイアウト］や［パーツ］など、各メニューの関係性

レスポンシブで作成するか、アダプティブで作成するかにより、ベースとする［テーマ］が異なります。

例えば、アダプティブデザイン（「スマートフォンのみ最適化」パターン）で構築するなら［スタートアップテーマ(PC/タブレット)］をPC・タブレット用のベースとして、「スタートアップテーマ（レスポンシブ/スマートフォン）」をスマートフォン用のベースとして、両方を構築します。

レスポンシブで構築するなら、「スタートアップテーマ（レスポンシブ/スマートフォン）」のみをベースとして構築します。

考え方と［デバイス設定］の方法は、PCとスマートフォンの表示を分けるべきかをご確認ください。

［テーマ］に並んでいるメニューは［テーマ］ごとに固有な設定となります。

例えばアダプティブで構築していた場合、それぞれの［テーマ］にて操作が必要です。

下図において、左サイドのオレンジ枠で囲まれているメニューで設定できるものは、テーマによらず、共通です。

例えば、［スタートアップテーマ(PC/タブレット)］で変更した［フリーパーツ］が、［スタートアップテーマ（レスポンシブ/スマートフォン）］でも利用されていた場合（言い換えると、［レイアウト］に配置されていた場合）、同じ変更がスマートフォンサイトにも反映されます。

左サイドの［一括処処理］メニューで一括操作が行えるのは、すべてのテーマで利用される要素（ページ・フリーページ・パーツ・メッセージ・管理タグ・レイアウト割当）のみです。

［テーマ］ごとに固有な設定をしているつもりが、全テーマ変更されてしまうケースがあります。

以下、アダプティブで構築し、［スタートアップテーマ（PC/タブレット）］［スタートアップテーマ（レスポンシブ/スマートフォン）］の双方を、各デバイスのテンプレートとして利用していると仮定し説明します。

ここに表示されている、例えば［トップページカルーセル］という［カルーセルパーツ］ですが、この［パーツ］を［レイアウト］から外し、別の［パーツ］を配置したとします。

この操作も、［スタートアップテーマ（PC/タブレット）］に固有のものです。
［スタートアップテーマ（レスポンシブ/スマートフォン）］には影響はありません。

［トップページカルーセル］は、全テーマに共通な［パーツ］になります。
そのため、［スタートアップテーマ（レスポンシブ/スマートフォン）］で利用されていた場合、スライド画像の変更がスマートフォンサイトにも反映されてしまいます。

［テーマ］ごとに管理・更新するコンテンツは、［テーマ］ごとに別の［パーツ］を作成し［レイアウト］配置しましょう。

［パーツ］に「PC」や「SP」「共通」など分かりやすい名前をつけておくと便利です。
下図をみてください。

［ヘッダエリア(PC)］という［パネルパーツ］があります。
(PC)と記載の通り、［スタートアップテーマ（PC/タブレット）］に固有なパーツです。
この［パーツ］を［パネルパーツ変更］画面で変更しても、［スタートアップテーマ（レスポンシブ/スマートフォン）］には影響しません。

［スタートアップテーマ（レスポンシブ/スマートフォン）］には［ヘッダエリア（スマートフォン）］のように、あらかじめスマートフォン用に固有の［パーツ］を作成し、配置しています。

ショップ開店後にどのような運営をするかを想定し、［パーツ］作成を工夫しましょう。

共通の［パーツ］として作成しましょう。

それぞれのテーマ用の［パーツ］を作成し、［テーマ］ごとに［レイアウト］に配置しましょう。

［アイテム］や［ページ］に関しても同様のことが言えますので、構築時に運用を想定して作成しましょう。