文字を背景より上に持っていく
見栄えの関係上、
文字を背景より上に持っていく
作業を開始する!
分かった。
つまむ

上に持っていく

背景画像を変更する
次に背景の画像を
変更する
山で良い……疲れた…
大丈夫だ、疲れてない。
それ完全に
あなたの感想ですよねの
スキル範囲内だよ
なら、5分休憩するか

割と疲れる作業しているので、こまめに休憩を取りつつ作業して下さい
画像を選択する
画像を選択するから、
クリックして
クリックした

メニューバーが出るから
画像の変更、をクリック

押したら、
画像変更の画面になったよ
そうしたら、
「Unsplash」をクリックして
!
これは……

英語で写真を検索する
商用利用可のサイトだ
やたら詳しいな
こっちの時にやった
→令-右から2番目(三峰)→和-12-300x158.jpg)
なら、やり方は分かるか?
もちろん、英語で検索する
「Cafe」で頼む
了解

出て来た。
そうしたら、
なるべく白っぽい画像選んで
黒寄りだと黒い文字が見えにくくなる為、
白寄りの方が編集量少なくて済みます
分かった。
選択

これで更新を押すよ
頼んだ
これで、出来た

いや、まだできてない
終わろうよ、
もう何を弄っても
見本と変わらないと思うし…
–
ミリ単位の調整とかいいよ…
いや、
アニメーションつけたい
!
それはしたい
流石、分かってくれると
思っていた
やろう
ホバーアニメーションを付ける
クリックする前に
大きくなるやつあるだろ
あれできるの?
あれ、できます
まず、全身立ち絵を
動かすから、
4回クリックして選択

選択できたよ
選択できたら、
雷マークをクリック

で、ホバー、クリック、
と書いてあるのは分かるか?
書いてあるね、
此処からどうする?
ホバーの▼を押すと
メニューが出てくる
出て来た
+追加、を
クリックして欲しい

色々なアニメーションが
出て来た。

今回は「拡大」でOK!
分かった、
クリックするよ

これで、
一先ずは完成かな?
そうなる
終わりに
今回は
トップページを装飾する流れを
一緒にやってみた
結構簡単で
サクッとできただろ?
今お知らせが入った。
何の?
サクッと言ったのに、
編集が重くなるほど長尺なせいで
この説明、2分割されるって…
お、おう…
思ったより長かったな…?
関連記事
-
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制作ガイド
–
–
–
–

