デザイン性の高いボタンは、Webページの美観を高め、統一感のあるデザインスキームを実現します。さまざまなボタンスタイルやエフェクトを試すことで、Webサイトデザインに独自性や創造性を加え、個性を際立たせることができます。

Visual Editorで箱を編集する

1. ダッシュボードに移動し、カスタマイズをクリックし、さらにVisual Editorを選択します（またはビルダー画面右側の パレット アイコンをクリックします）。
   

2. Visual Editorツールが開いたら、下にスクロールし、詳細を選択し、ElementタブのButtonをクリックします。

3. テーマとしてダークまたはライトを選択します。

4. ボタンの種類を選択します。選べる種類はPrimary、Secondary、またはリンクです。これはエレメントプロパティのボックスで選択した内容に基づきます。

初期設定タブ  

• 初期設定で、フォントサイズの値を増減したり、ボタンのテキスト、背景、ボーダーの色をホバー時に変更できます。ホバーしていない時のボーダーサイズ・スタイル・色も調整できます。

• 「Border Style」をクリックし、差出人として「なし」「Solid」「Dotted」「Dashed」のいずれかを選択します。

Outline タブ  

この設定は、種類 が「Primary」または「Secondary」であり、要素プロパティの箱でOutlineボタンが有効になっている場合のみ適用されます。

• 前へオプションと同様に、ボタンのテキスト、背景、枠線の色をホバー時に変更できます。また、枠線の太さ、スタイル、色、およびテキストの色（ホバーしていないとき）も変更可能です。

• 「Border Style」をクリックし、いずれかの差出人（「なし」「Solid」「Dotted」「Dashed」）を選択してください。テキスト、ホバー、背景色や枠線のサイズも変更できます。