レイアウトパーツを使って、シングルパーツを横に並べる

Webサイトのページ編集で、レイアウトパーツを使いシングルパーツを横並びにする方法について紹介します。

1.レイアウトパーツをコンテンツエディター内に追加します。

パーツエリア(画面左側)のレイアウトパーツを、コンテンツエディター(画面右側)の追加したい箇所にドラッグ&ドロップで追加します。

画面キャプチャ

2.レイアウトパーツの編集画面を表示します。

編集ボタン(鉛筆アイコン)から、レイアウトパーツの編集画面を表示します。

画面キャプチャ

3.表示する比率を指定します。

シングルパーツの表示領域の比率を変更する場合は、比率を選択します。
比率を変更しない場合は、シングルパーツの表示領域は均等になります。(2列の場合は1:1、3列の場合は1:1:1、4列の場合は1:1:1:1です)

画面キャプチャ

ポイント

レイアウトパーツに背景画像を設定することもできます。
詳しい操作方法については、レイアウトパーツに背景画像を設定するをご確認ください。

4.シングルパーツをレイアウトパーツ内に追加します。

パーツエリア(画面左側)のシングルパーツの中から、コンテンツエディター(画面右側)のレイアウトパーツの中に、ドラッグ&ドロップで追加します。

画面キャプチャ

5.シングルパーツを編集します。

レイアウトパーツの中に追加した、シングルパーツの編集画面を表示して、それぞれのパーツを編集します。

画面キャプチャ

ポイント

レイアウトパーツの中に追加したシングルパーツの表示位置を調整する場合は、Webサイトに余白を追加するの操作方法で調整ができます。

レイアウトパーツを使うと、シングルパーツを2列、3列、4列のレイアウトで横並びにすることができます。

画面キャプチャ

また、レイアウトパーツは1つの枠内に、複数のシングルパーツを追加することもできます。

画面キャプチャ

この記事は役に立ちましたか?

  • はい
  • いいえ