画像の追加は「追加」ボタンから行います。
3つのパターンで追加可能です。
下準備として「画像の変更」をしていない
余計な下2つの画像は削除しておきます。
画像を選択>Deletキー
画像を追加します。
追加>フレームなし画像
デフォルトでは杉花粉?の画像になっているので
画像の変更を行います。
画像を選択>画像の変更>無料 from WiX
今回は「フード&ドリンク」のカテゴリから「Beer Top」を選択
画像は変更されました。
しかし、先に変更しておいた上の画像とサイズが異なります。
また、位置もズレています。
次に、これらを調整する方法をご紹介します。
画像のサイズを揃える為には、基準となる画像のサイズを知っておく
必要があります。
基準になる画像(ここでは上の画像)を選択>設定
展開したパネルの丸かこみ部分に「w」と「h」に夫々数値があります。
w=width 幅
h=high 高さ
ここでは w210 h255 です。
これらの数値を新たに追加した画像にも適用します。
画像を選択>設定>wとhに数値入力。
これで画像のサイズが基準と同様になります。
まずはおおよその位置まで画像を寄せておきます。
このまま矢印キーで微調整しながら目視で移動させてもかまいませんが
それを許さない徹底したい方へのやり方です。
Ctrlキーで複数選択が出来ますので
一つ目の画像を選択したらCtrlキーを押しながら
もうひとつの画像を選択してください。
設定を押すと
配列と整列パネルが展開します。
まる囲みの左に整列ボタンを押す。
追加した画像が基準の画像よりちょっと右にズレているので
左に整列させました。
ちなみに「整列」は選択された複数のオブジェクトを
右・中央・左
上・中央・下
で整列させます。
「配列」は縦・横・斜めで等間隔に配列させます。
「サイズを均一にする」では先に選択したオブジェクトを親にして
幅・高さ・両方のサイズを自動調整します。