レイアウトパーツを使って、シングルパーツを横に並べる
1.レイアウトパーツをコンテンツエディター内に追加します。
パーツエリア(画面左側)のレイアウトパーツを、コンテンツエディター(画面右側)の追加したい箇所にドラッグ&ドロップで追加します。
2.レイアウトパーツの編集画面を表示します。
編集ボタン(鉛筆アイコン)から、レイアウトパーツの編集画面を表示します。
3.表示する比率を指定します。
シングルパーツの表示領域の比率を変更する場合は、比率を選択します。
比率を変更しない場合は、シングルパーツの表示領域は均等になります。(2列の場合は1:1、3列の場合は1:1:1、4列の場合は1:1:1:1です)
ポイント
レイアウトパーツに背景画像を設定することもできます。
詳しい操作方法については、レイアウトパーツに背景画像を設定するをご確認ください。
4.シングルパーツをレイアウトパーツ内に追加します。
パーツエリア(画面左側)のシングルパーツの中から、コンテンツエディター(画面右側)のレイアウトパーツの中に、ドラッグ&ドロップで追加します。
5.シングルパーツを編集します。
レイアウトパーツの中に追加した、シングルパーツの編集画面を表示して、それぞれのパーツを編集します。
ポイント
レイアウトパーツの中に追加したシングルパーツの表示位置を調整する場合は、Webサイトに余白を追加するの操作方法で調整ができます。
レイアウトパーツを使うと、シングルパーツを2列、3列、4列のレイアウトで横並びにすることができます。
また、レイアウトパーツは1つの枠内に、複数のシングルパーツを追加することもできます。