Wix Studioで探索者まとめサイトを作る方法③｜トップページ作成前編

次はトップページの
部分のみを作ります

なるべく、
工程省かずに伝えているので
ゆっくりです。

先ほどのデータは、
後で紐づけるので一旦忘れて、
大枠を作りましょうか

まず、CMSを閉じると
サイト編集ページに戻ります。

ここから、
「要素を追加」を
クリックして下さい

では、その部分の
「ワイヤーフレーム」を
クリックして下さい

「カード」を
押してください。

押したら、
少しスクロールして下さい

下がったら、
４枚の絵が並んでいる
テンプレートをクリック

これで
テンプレート選択は
完了です。

では、次に画像の形を
正方形に
整えていきましょうか

画像の選択は、
３回クリックすると
出来るはずです

枠の右上に
「縮小」ボタンがあるので
それを
クリックして下さい

その右上の〇でサイズ調整
縦の〇で高さ調整が出来ます

なので、
正方形にして下さい

いいですね、
大分良い感じに
出来ています

では、この正方形を
真ん中に寄せましょうか

右上の要素設定パネルを押せば
すぐ出てきますよ

では、
次に余白を消す作業を
始めていきます

画像を選択した状態に
なっていますか？

では、その状態で
メニューバーを
下げましょうか

謎の四角形に99pxと
書かれていると思います

その99pxを
0pxに変更して下さい

いいですね。

では次に
文字を画像に近付けます

文字の枠を選択したいので
文字部分を
２回クリックして下さい

その青い枠が
文字の１セットになります

では、これを上に動かして
画像との空欄を
なくしましょうか

そうです。

ひと段落付いたので、
プレビューを押して
ズレていないかを確認して下さい

そうですね、
これであれば大丈夫です