M1WK4-2 ～WIX運用編～

WIXで自分のホームページを作成する(オリジナル編)

Day4 写真、動画挿入

画像追加

Wixに画像をアップロードし追加
1.エディタ画面左(エディタとは、編集画面のこと)より+ボタンアイコンをクリック
2.画像をクリック
3.画像をアップロードをクリック
4.アップロード希望画像を選択し、Openをクリック
5.画像がアップロードされたら、画像を追加をクリック

素材から画像を選び追加
1.エディタ画面左より、追加アイコンをクリック
2.画像をクリック
3.フリー写真素材かクリップアートを選択し、クリック
4.追加する画像を選択し画像を追加をクリック

画像を追加するコツ
1.高画質の画像を使う
2.最適化した写真を使う(15MB以下)
3.画像の表示サイズ→レイアウトにより異なるのでエディタのグリッドライン内に写真を配置
4.ファイルの種類→初心者はJPFG、PGNは背景が透明な時、GIFはロゴ、イラストが少ない時
5.画像の詳細を入力→SEO向けに。写真の感じ等(釣り、遊んでいる影など)
6.画像の編集機能を利用する

新エディタ画期的な機能、動画背景を設定しよう

美しい動画背景を設定できるWIXの新エディタ
動画を背景にすることで訪問者の心を引きつける

設定
1. エディタ画面の左で背景をクリック。
2.動画をクリックし、好きな動画を選択。
3.動画を追加をクリック。
プレビューで確認できる！！

背景設定のポイント
1.自由自在にカスタマイズ可能
2.ストリップにのみ動画の追加も可能
3.動画背景を目立たせすぎるな！！
4.文字に色をつける
5.音声や音楽は流さない
6.パララックス、スクロールと組み合わせて使う
7.モバイル端末からの訪問者を忘れずに

Day5 お問い合わせページ

追加→フォーム→お問い合わせフォームで作成
レイアウトも一緒に作成する

地図の乗せ方
追加→フォーム→地図で挿入可能

Day6 表示画面をスマホにも対応させる

パソコンで綺麗でもスマホで崩れる時がある
トップから設定→モバイル最適化
今の時代はスマホでサイトを見る事がほとんど
1枚のストリップを大きく取り文字は小さく少なくするとオシャレになる！
パソコンでは動画は流れるがスマホ画面では動画は再生されなくなる

Day7 デザインを整える

ページボディのページデザインの変更を選択
透明度や色、枠線をお気に入りに変更する