導入
これを

こうする、

だけのやり方だ
そっか
結構簡単に出来るんだけどさ、
作業が増えるから
すべてを任せた、
とBに言われた
……それは、まあ、
そうなる。
–
ちょっとBが可哀想
…反省と後悔も含めて
ここからは全部伝えるわ
ってことで、
完成しているのを、
見栄え良くしたい人用。
蛇足ページだと感じる場合は、
動的ページに進んでもOK!
とは言いつつ、
見てって欲しいのが本音
プレビューになっていた場合…
プレビューを押したままの場合は
「サイトを編集」を押して、
編集ページに戻って欲しい

アイコン→全身立ち絵に変更する
画像を、全身立ち絵サイズにする
まず、アイコンを
全身立ち絵に
変更する作業だ。
アイコンを2回クリックして
選択して欲しい
分かった

その画像の場所が
全身立ち絵が入る予定の場所
そっか
だから、
縦長に引き延ばして欲しい

これでいい?

OKOK、完璧
アイコンを全身立ち絵に差し替える
なら、その部分を
差し替えるとするか
上にある
青い紐を押せばいいかな

そうそう、
それ押して欲しい
アイコン(画像)を押せば
良いかな?

察しが良くて助かる。
続けて何やればいいか、
は、分かるか?
全身(画像)をクリックだね

完全に理解している…
無事に変更出来たよ

文字をずらす…微調整
次は
文字の微調整だ
確かに、
ちょっと文字が上すぎるかも
そう、
だから移動させたい
文字の枠部分であろう所を
クリックしたよ

OK、そうしたら
文字を下に動かして欲しい
目印は青い点線の枠、
それに合わせる!
分かった

こう、かな?

OK!
良い感じに整ったと思う
背景画像を敷く
画像を置く
次は背景画像を
置く作業だ
–
画像を挿入するには
「+」をクリックする
分かった

クイック追加の
メニュー画面になっているよ
助かる。
次は「画像」を選択して欲しい
分かった、
画像を選択する

画像が置かれた

画像を広げる
次は画像の右上にある
ストレッチボタンをクリック

この拡大っぽいボタン、
ストレッチボタンって言うんだ
画面の目一杯まで
広げるって意味のストレッチだ
本当だ、
画像が広がった

画像を透明にする
次は画像を
透明にする作業だ
色や透明の編集は
ペンのボタンだった?

そうそう、
デザインツールだ
–
そこにある不透明度を
25%にして欲しい
25%、分かった。

透明には…なったけど、

……
……
–
言いたいことは
分かる。
背景画像を立ち絵の後ろに設置しよう
と言うことで、
立ち絵を前面にする作業に入る
紙が重なった様な
レイヤーボタンをクリックして

レイヤーの
メニューが開いたよ
更にセクションの▶で
開けると思うから、
それ押して
分かった。

–
開いた。
これって、
この画像や文字の
重なっている順番を
変えれるメニュー?

良く気づいたな、
レイヤーはそういう機能だ
つまり、重なり優先度
その単語好きだね
・・・…それは良いから、
『つまり、重なり優先度』
黙って画像を文字よりも
後ろに配置しろよ

分かった、
配置する。
立ち絵が、
前面になった

そう、
これで前面にする作業は完成
関連記事
-
Wix Studioで探索者まとめサイトを作る方法①|CMS・データベース編
-
Wix Studioで探索者まとめサイトを作る方法②|CMS入力・タグ・バックアップ編
-
Wix Studioで探索者まとめサイトを作る方法③|トップページ作成前編
-
Wix Studioで探索者まとめサイトを作る方法④|CMS連携・トップページ後編
-
Wix Studioで探索者まとめサイトを作る方法⑤|トップページ装飾前編
-
Wix Studioで探索者まとめサイトを作る方法⑥|トップページ装飾後編
-
Wix Studioで探索者まとめサイトを作る方法⑦|動的ページ作成前編
-
Wix Studioで探索者まとめサイトを作る方法⑧|動的ページのコンテナ配置編
-
Wix Studioで探索者まとめサイトを作る方法⑨|動的ページの画像連携編
-
Wix Studioで探索者まとめサイトを作る方法⑩|動的ページの帯装飾編
-
Wix Studioで探索者まとめサイトを作る方法⑪|動的ページのステータス作成編
-
Wix Studioで探索者まとめサイトを作る方法⑫|動的ページの性格概要編
-
Wix Studioで探索者まとめサイトを作る方法⑬|前へ・次へボタン編集編
-
Wix Studioで探索者まとめサイトを作る方法⑭|ホバーアニメーション編
-
Wix Studioで探索者まとめサイトを作る方法⑮|レスポンシブ対応編
-
Wix Studioのアイコン早見表|Editor Xで迷った時の操作ガイド
-
探索者まとめサイトを作りたい人へ|Wix Studio制作ガイド
–
–

