画像の追加

画像の追加は「追加」ボタンから行います。

3つのパターンで追加可能です。

 

  • 画像 (テンプレートのデフォルトで設定されたパターン)
  • フレームなし画像
  • フレームつき画像
  • クリップアート (イラスト)

下準備として「画像の変更」をしていない

余計な下2つの画像は削除しておきます。

画像を選択>Deletキー

画像を追加します。

追加>フレームなし画像

デフォルトでは杉花粉?の画像になっているので

画像の変更を行います。

画像を選択>画像の変更>無料 from WiX

今回は「フード&ドリンク」のカテゴリから「Beer Top」を選択 

画像は変更されました。

しかし、先に変更しておいた上の画像とサイズが異なります

また、位置もズレています

 

次に、これらを調整する方法をご紹介します。

画像のサイズを揃える

画像のサイズを揃える為には、基準となる画像のサイズを知っておく

必要があります。

 

基準になる画像(ここでは上の画像)を選択>設定

展開したパネルの丸かこみ部分に「w」と「h」に夫々数値があります。

w=width 幅

h=high 高さ

ここでは w210 h255 です。

これらの数値を新たに追加した画像にも適用します。

画像を選択>設定>wとhに数値入力。

これで画像のサイズが基準と同様になります。

画像の位置調整

まずはおおよその位置まで画像を寄せておきます。

 

このまま矢印キーで微調整しながら目視で移動させてもかまいませんが

それを許さない徹底したい方へのやり方です。

 

Ctrlキーで複数選択が出来ますので

一つ目の画像を選択したらCtrlキーを押しながら

もうひとつの画像を選択してください。

設定を押すと

配列と整列パネルが展開します。

まる囲みの左に整列ボタンを押す。

 

追加した画像が基準の画像よりちょっと右にズレているので

左に整列させました。

 

ちなみに「整列」は選択された複数のオブジェクトを

右・中央・左

上・中央・下

で整列させます。

 

「配列」は縦・横・斜めで等間隔に配列させます。

 

「サイズを均一にする」では先に選択したオブジェクトを親にして

幅・高さ・両方のサイズを自動調整します。

一般社団法人日本Wix振興プロジェクト