動的セクションのカードは、セクションの下の項目に背景色を追加することで、コンテンツの視覚的な魅力を高めます。
これにより、すっきりと整理されたセクションが作成され、Web サイトの視覚的な魅力が高まり、ナビゲートしやすくなります。
この記事で
フルカード / テキストカード
- オンにすると フル/テキストカード ダイナミック セクションでは、リスト アイテムにカードの色のアウトラインと背景が表示されます。
参照： ウェブサイトの色と間隔。
フルカード
- カード全体のオプションを選択すると、指定したカードの色やその他のプロパティがカード全体、つまり画像とその下のテキストに適用されます。
ご覧ください：
テキストカード
- テキスト カード オプションを選択すると、指定したカードの色やその他のプロパティがテキスト (画像の下) のみに適用されます。
ご覧ください：
スタイルカード
カード スタイル オプションは、 形式 セクションのタブ (右の引き出し)。 スタイリング オプションは次のとおりです。
カード
- カードとして表示: リスト項目を次のように表示することを選択します フル/テキスト カードこのオプションは、セクションに選択したレイアウトによって異なる場合があります。 さらに詳しく.
- カード間隔: リスト項目の各辺に共通または異なるカード間隔を選択し、数値 (px 単位) を設定します。 カードの間隔 リスト項目の画像。
分割コーナーを選択した場合は、異なる設定ができます カードの間隔 カードの各面。 - カードの角の半径: 特定します カードコーナー半径 px のリスト項目のカード。
- カードの高さを均等にする: カードの高さをすべてのアイテムで均一にするか、各アイテムの内容に基づいて調整するかを選択します。
画像の上にテキストが表示されるレイアウトを選択した場合は、次のオプションが表示されます。
- カードを表示: このトグルは、カードを表示するかどうかを決定します。次のオプションが利用可能です:
- オフ: カードを完全にオフにして、セクションに画像とテキストのみが表示されるようにします。
- 上記画像: 画像の上にカードを表示します。このレイアウトは、画像よりもテキストを重視するデザインに適しています。
- 画像の下: 画像の下にカードを表示します。これは、画像が主な焦点で、その後に説明コンテンツが続くデザインに最適です。アイテムに画像がアップロードされていない場合は、そのアイテムのカードがデフォルトで表示されます。
カードの色
- 選択する カード カラー none または default または custom にします。 デフォルトのオプションが選択されている場合、 デザインセクション ここで使用されます。
- カスタム オプションを選択した場合は、 ベースカラーと
- テキストの色 カードの。
- に選択します。 カードのホバー効果を有効にする.
- 特定します ベースカラー カードホバービュー用。
- 特定します テキストの色 カードホバービュー用。
カードボーダー
- 役職 – リスト項目の両側に共通または異なるカード枠を選択し、枠の数 (px 単位) を設定します。 カードボーダー.
分割コーナーを選択した場合は、異なる設定ができます カード枠 カードの各面。 - 選択する 形式 カード枠の。
- 選択する デフォルト カードの枠線の色または カスタム額装 色。
- If カスタム額装 オプションを選択した場合は、色を指定します。
