適切にデザインされたボタンは、Webページの美しさを高め、デザイン全体に統一感をもたらします。さまざまなボタンのスタイルや効果を試すことで、Webサイトのデザインに創造性と独自性が加わり、より印象的になります。
ダッシュボードに移動し、[カスタマイズ]をクリックして、次に[ビジュアルエディター]を選択します(または、パレットアイコンを編集画面の右側でクリックします)。
ビジュアルエディターが開いたら、下にスクロールし、[詳細設定]を選択し、次に[ボタン]を[要素]タブでクリックします。
ダークテーマまたはライトテーマを選択します。
ボタンの種類を選択します。選択できる種類は、[メイン]、[サブ]、または[リンク]です。要素のプロパティボックスでの選択内容に基づきます。
[標準]タブ
[標準]では、フォントサイズの値を増減し、カーソルを合わせたときのボタンのテキスト、背景、枠線の色を変更できます。また、カーソルを合わせていないときの枠線のサイズ、スタイル、色も変更できます。
[枠線のスタイル]をクリックし、[なし]、[実線]、[点線]、[破線]のいずれかを選択します。
[外枠]タブ
この設定は、要素のプロパティボックスで[種類]が[メイン]または[サブ]に設定され、[外枠ボタン]が有効になっている場合にのみ適用されます。
前のオプションと同様に、カーソルを合わせたときのボタンのテキスト、背景、枠線の色を変更できます。また、カーソルを合わせていないときの枠線のサイズ、スタイル、色、およびテキストの色も変更できます。
[枠線のスタイル]をクリックし、[なし]、[実線]、[点線]、[破線]のいずれかを選択します。また、テキストの色、カーソルを合わせたときの色、背景の色、枠線のサイズを設定できます。