ボタン ウィジェットの説明
ボタンを配置することでユーザーに「何かしらの行動」を取ってもらいやすくなります。ランディングページでは「お試しサンプル請求」「資料請求はこちら」などのボタン、コーポレートサイトでは「お問い合わせはこちら」などのボタン、ECサイトでは「注文」などのボタンを配置することが多くなります。
リンク欄にURLを入れることで、ユーザーがボタンをクリックするとURL先にジャンプします。テキストは入力したものがボタンのテキストとして表示されます。アイコンもアイコンライブラリーが用意されているため、選択することでテキストにアイコンを入れることができます。
ボタンウィジェットを配置したサンプル。
テキスト内容を変更し、ボタン背景色を変更したサンプル。
枠線の太さ、色を設定し、テキスト色も変更したサンプル。
ボタンサイズ「ストレッチ」に設定し、背景色をグラデーション設定。またし、ボタン内側のPadding値を変更したサンプル。
マウスオーバー（マウスカーソルがボタンの上に乗る）設定をし、ボタンのグラデーションが変化するようにしたサンプル。