VK Blocks のボタンブロックでは、サイズ・スタイル・色・アイコンなどを設定して、デザイン性の高いボタンを自由に作成できます。

ボタンサイズ

  • プリセット:XS / S / M / L / XLの5段階あります
  • 数値指定にも対応:任意の文字サイズを数値で指定できます

サブテキスト

ボタンテキストの下にサブテキストを表示できます。

インライン文字サイズも使用できます

ボタンのテキストにインライン文字サイズが使えます。インライン文字サイズだと、特定のテキストだけ大きく(小さく)できるため、サブテキストの機能を使わずに、以下のようなボタンも作れます。

ボタンの内側の余白

ボタンの内側の余白(パディング)を指定できます。

ボタンの位置

ボタンスタイル

「背景なし」を選択した場合はカスタムカラーで色を指定してください。

ボタンエフェクト

ボタンスタイルが「ベタ塗り」の時に、光るエフェクトを設定できます。

ボタンの背景色は「標準色(Bootstrap)」のプルダウンから選ぶか、「カスタムカラー」でお好きな色を指定できます。

ホバーの背景色と文字の色

ホバーの背景色と文字の色をカスタムカラーで指定できます。

アイコン

文字の前と後ろに Font Awesome のアイコンを表示できます。

前後のアイコンはサイズを変更できます。サイズの単位は、px / em / rem から選べます。

角丸の大きさ

ボタンの角丸の大きさを指定できます。

このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。

Back to top