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