CORTEを使ったWebサイトの作り方やCMSを活用した
Webマーケティング施策をブログ記事形式でまとめています。
新しいコンテンツ作りにお役立ていただけます。
公開:2022.09.21 04:52 | 更新: 2022.10.12 07:13
「カバーリスト」コンポーネントは、様々なデザイン作成に使える汎用コンポーネントです。
カバーリストコンポーネント内に複数のカバーが作成可能で、さらにそれぞれのカバーに横幅や高さ、別のコンポーネントを挿入することが出来ます。
| プロパティ | 説明 |
|---|---|
| カバーリスト | カバーを追加することで、汎用的なコンポーネントセットを作ることが出来ます。 それぞれのカバーに横幅や高さ、背景色、角丸設定などが可能です。 |
| プロパティ | 説明 |
|---|---|
| 隙間のサイズ | カバー間の余白を設定出来ます。単位はpxです。 |
| 背景色 | カバーリストの背景色を設定します。 |
| 横幅(MAX値) | カバーリストの横幅を設定します。 |
| 上下余白・左右余白 | 上下左右の余白をpx単位で設定します。 PCサイズ、スマホサイズに分けて設定することが可能です。 |
| プロパティ | 説明 |
|---|---|
| スライダーを有効にする | カバーを複数作成した際、スライドショーのように表示させるかを選べます。 |
| 表示される枚数 | 画面に表示される枚数を設定します。 PCサイズ、スマホサイズに分けて設定することが可能です。 |
| ページング | 下部にページネーション表示の有無を選択できます。 PCサイズ、スマホサイズに分けて設定することが可能です。 |
| ページ送り | カバーの左右にページ送りのボタン表示の有無を選択できます。 PCサイズ、スマホサイズに分けて設定することが可能です。 |
| プロパティ | 説明 |
|---|---|
| コンテンツ | フレキシブルコンテンツを挿入することが出来ます。 |
| 画像設定 | そのカバーの背景画像を設定することが出来ます。 |
| サイズ設定 | そのカバーの横幅、高さを設定します。 |
| その他の設定 | 背景色や内側の余白、ボーダー設定などを行うことが出来ます。 またカスタムオーダーによって、カバーの表示順を変更することが出来ます。 |
