コンポーネント

CORTEを使ったWebサイトの作り方やCMSを活用した
Webマーケティング施策をブログ記事形式でまとめています。
新しいコンテンツ作りにお役立ていただけます。

  • コンテンツ関連

公開:2022.09.22 02:02 | 更新: 2022.10.12 07:12

ボタンv2

「ボタンv2」コンポーネントは、簡単にボタンリンクを作成することが出来るコンポーネントです。
サイズの他に複数設置や、デザインの選択もすることが出来ます。

主なプロパティ

基本設定

プロパティ説明
ラベルボタン上に表示させる文章を設定します。
タイプ「リンクボタン」「アクションボタン」から選択できます。

詳細設定

プロパティ説明
行揃え「左寄せ」「中央寄せ」「右寄せ」から選択します。
並び順「横並び」「縦並び」から選択できます。
ボタンリスト全体の最大横幅作成したボタン全体の横幅の最大値を設定します。
ボタンの角丸ボタンの角丸の数値を設定します。
ボタン間の余白ボタンを2つ以上作成した場合、ボタン間の余白を設定することが出来ます。

詳細設定(ボタン)

プロパティ説明
カラーボタンのカラーを選択します。
スタイルボタンのデザインを「塗りつぶし」「アウトライン」から選択できます。
横幅・縦幅PCとスマホに分けて、それぞれのサイズを設定します。
フォントサイズラベルの文字サイズを設定します。
テキストカラーラベルの色を設定します。
フォントウェイト「太字」「普通」から選択します。
アイコンの種類ボタン内に配置するアイコンを設定できます。
「アイコン無し」「右矢印アイコン」「左矢印アイコン」「外部リンクアイコン」から選択できます。
アイコンの位置アイコンの種類を設定した場合、アイコンの位置を設定できます。
「テキスト直前」「テキスト直後」「ボタン内前方」「ボタン内後方」から選択できます。

その他のコンポーネント

LOADING...