コンテンツの編集

背景画像や動画付きのヒーローセクションを設定し、CTAボタンを追加するには?

背景画像や動画付きのヒーローセクションを設定し、CTAボタンを追加するには?

1
ページの上部など、目立たせたい位置に Hero1 をドラッグ&ドロップします。これがヒーローセクションのメインコンテナになります。
Screenshot for step 1
2
左側の設定パネルで Select Image をクリックし、背景画像を追加します。パソコンから新しくアップロードするか、ライブラリ内の画像を選択できます。デザインに合った高画質で見やすい画像を選びましょう。
Screenshot for step 2
3
Title 欄にウェルカムメッセージを入力します。 特定の単語を目立たせたい場合は Title Highlight を使います。 さらに Description 欄に補足説明を入力し、プレビューで文字の見やすさを確認します。
Screenshot for step 3
4
背景色を設定する場合は Background Color をクリックし、プリセットから選ぶか、カラーボックスで明度・色相・彩度を調整します。
Screenshot for step 4
5
Paddingtop(上)bottom(下)left(左)right(右))の値を変更して、Hero 内側の余白を調整します。テキストやボタンが端に寄りすぎないように、プレビューを見ながら調整しましょう。
Screenshot for step 5
6
ダークテーマに対応させたい場合は Dark Mode をオンにします。背景が暗い場合でも文字が見やすくなります。
Screenshot for step 6
7
Hero 内にインタラクティブ要素を追加します。 たとえば Button をドラッグして設置し、ラベル(例:Get StartedLearn More)を入力して、サイト内の別ページへリンクさせます。 ボタンの設定方法については、別途「ボタン(Button)」のガイドラインも参考にしてください。
Screenshot for step 7