画像を2つ並べて表示したい

画像を以下のように横にふたつ並べる手順です。

サンプル画像1

サンプル画像2

1.　編集モードにして「レイアウトを追加」をクリック

「Mainに追加」部分をクリックして「レイアウト追加」します。

「Mainに追加」部分をクリックして「レイアウト追加」

2.　「カラム数」で2カラムレイアウトを選択

横にふたつ画像を並べるためにカラム数は2にします。レイアウトの比率は同じ大きさの画像を2つ並べたい時は6:6を選択します。

「カラム数」で2カラムレイアウトを選択する

3.　2カラムレイアウトが追加される

編集モード画面に「Main：Layout2：Cellに追加」という枠がふたつ追加されます。

2カラムレイアウトが追加される

4.　カラムそれぞれに対し、画像ブロックを追加

「Main：Layout2：Cellに追加」の中に「ブロックを追加」します。ふたつ両方にそれぞれ画像を追加します。

カラムそれぞれに対し、画像ブロックを追加する

5.　画像が追加されたら、編集モードを終了

編集モードを終了すれば、画像が横並びにふたつ追加されています。

画像が追加されている

キーワードで検索する

検索バーに調べたい単語をいれて、検索をクリックしてください。