シニアから始めるbubble！TPを作りましょう Part 2.

・ファーストビューを作る

お客様が最初に見る部分です。工夫をして お客様の心をつかめるように

作りましょう！

ファーストビューはヘッダーの下に配置します。

画像をアップロードする時は左側のVisual elementsよりImageと

ContainersのGroupでできます。今回はGroupを使います。

Container layoutはColumn

Horizontal alignmentは中央をクリック

サイズはMin width 1200px Min Height 600pxとします。

Make this element fized-widthのチェックを外してください

Fit height to contentにチェックをしてください

Appearance→Background styleをImageにしてStatic Imageから

画像をアップロードします。

ファーストビューの画像上にGroupを置いて帯のようにします。

Groupをファーストビュー画像の上に置きます。

Static ImageはColumn

Horizontal alignmentは中央をクリック

サイズはMin width 1200px Min Height 130px 

Make this element fized-widthのチェックを外してください

Fit height to contentにチェックをしてください

Appearance→Background styleをFlat color #FFFFFF 60%にすることで

透けて見えます。

Group帯を画像の中央にするにはGroupファーストビューLayoutの

Container alignmentを↓画像の位置にします。

Group帯に文字を入力します。

Visual elementsのTextをGroup帯にドラッグ＆ドロップで配置して

↓画像の部分に文字を入力します。

色・文字サイズ・文字の種類を試してみてください！

文字を中央に移動するにはどうしたらいいかを考えてください！

プレビューで確認しながらbubbleを触ってみてください！

ファーストビューはできました。長くなりましたのでコンテンツは

次回Part 3.でコンテンツ(製品)を作ります。