Wix Studioで探索者まとめサイトを作る方法⑨｜動的ページの画像連携編

画像貼って、
紐づけて、広げて
透明度下げればいいのかな？

やってみるよ。

まず、「＋」を押す

それから、
画像をクリック

これで画像が挿入された

次に、
画像とデータベースを紐づけるよ

画像をクリックする

紐づけのボタンが出てくるから
それをクリックする

紐づけメニューが出るから
画像元の接続先をクリック

からの、背景（画像）を
クリック

背景が元データと
紐付けられた。

次にクリックして
画像を広げる

こんな感じかな…？

次に画像を半透明にする。

右上のボタンを
クリックする

メニューが出てきたら、
不透明度を変えるけど…
何％ぐらい？

なら、それにする

これで半透明になった

もう少し上にあるから、
この画像も上げるよ

これで背景画像は
大丈夫かな？

これなら、自分で出来る。

画像をクリック

画像が出てくるし、
紐付けもこの時に出てくるんだね

なら、画像の接続先を押して

全身（画像）を押すよ

全身が出て来た。

サイズや比率を変更すると
勝手に良い感じになるから、

画像を縦長にするよ

縦長にして10秒ぐらいすると、
良い感じにそれっぽくなる

見本を見る限り、
右にあるから移動させるよ

クリックしながら
右に移動させる

だいたいこんな感じ？

これもやってみるよ

左端の「＋」をクリック

画像をクリックするよ

画像が挿入されると、
紐付け画面が出る。

バストアップ（画像）を
選択するよ

画像が出たね

元の画像を見る限り、
全身の少し左にあるから
移動させるよ

画像の透明は
右の場所をクリック

更にペンのマークを
クリック

それから透明にする
これは何％ぐらい？

透明になったね

この状態だと、
バストアップが上だから
どうにかしないと。

分かった押してみる

レイヤーの
メニューが出て来たよ

コンテナが出て来たよ

なら、コンテナの
▶をクリックして開くね

本当だ、
沢山入っている

つまり、
バストアップを真ん中に
動かせば良い？

分かった。

こうして

こう

これで一先ず、
画像の紐づけ関係は
完成？

文字の紐づけは、
もうぱっと省略でも良いかな

やった。