開店ガイド
運用サポート(平日10:00~17:00) 06-6485-6485

レイアウトに配置する

このパートでは、コピーしたコラムをショップ画面に表示するにはどのような操作が必要かをご説明します。

[レイアウト設定]画面にて、「レイアウトに配置」という操作を行います。
ショップ画面にコンテンツを表示するためには、[パーツ]と[レイアウト]をどのように操作するのか、関係性も同時にみていきましょう。

ここまでの操作については、前パートをご確認ください。

コピーした[コラムパーツ]を検索する

  1. トップページ(PC)の[レイアウト変更]画面の[コンテンツエリア]の階層が開かれた状態です。
    前パートの手順を参考してください。

    トップコンテンツエリア
  2. 右側の[パーツ検索エリア]の検索窓で、[コラム]を選択し、キーワード「トップページコラム」で検索します。

    初期設定された[トップページコラム]と、先ほどコピーした[トップページコラム02]が表示されます。

    コラムパーツ検索
    [レイアウト変更]画面の左エリアと右エリアについて

    [レイアウト変更]画面の左側を[パーツ配置エリア]、右側を[パーツ検索エリア]と呼びます。

コピーした[コラムパーツ]を「レイアウト配置」する

  1. コピーした[トップページコラム02]のマークをドラッグ&ドロップで、左側の[パーツ配置エリアエリア]の[トップページコラム]の下に移動します。

    コラムパーツ配置
    [パーツ配置エリア]と[パーツ検索エリア]の関係性

    [パーツ検索エリア]で[パーツ]を検索し、[パーツ配置エリア]に移動する(「配置する」)とコンテンツとして表示される、というからくりです。

    検索結果には、左側に表示されている[レイアウト階層]内に配置できる[パーツ]のみが、表示されます。
    つまり検索結果として表示されない[パーツ]は、開いている[レイアウト階層]には配置できない(表示できない)ということですので覚えておきましょう!

  2. この時点では[保存する]をクリックしないでください。
    ショップに変更が反映されてしまいます。先に、プレビューで確認をしてみましょう。

それでは実際にどのように表示されるか、次のパートで確認してみましょう。