カードで作品・商品を並べる
「カードリスト」ブロックは、画像・タイトル・説明・リンクをひとまとめにした「カード」を並べて見せるためのブロックです。作品集、商品やメニューの紹介、おすすめリンクの陳列などに向いています。カードリストは有料プラン（Basic）で追加できます。
カードを1枚だけ大きく見せたいときは「カード」ブロック（カードで1枚を大きく見せる）を使います。画像だけを並べたいときは「画像リスト」（画像リストで複数の画像を並べる）、1枚の画像を大きく見せたいときは「画像」ブロックを使います。
カードを追加する
- 1
- 2「中身」タブで、カードごとに次の項目を入力します
- 画像（任意）— カードの上（グリッド）や左（縦リスト）に表示されます
- タイトル — カードの見出し
- 説明文（任意）— タイトルの下に小さく表示されます
- 日付（任意）— カードに日付が表示されます
- カテゴリ（任意）— カードにタグとして表示されます。カテゴリごとに色を付けられます（下記）
- リンク（任意）— 入れると、カード全体がそのリンクのボタンになります
- 1「＋ カードを追加」で 2 枚目以降を追加できます
- 2「保存」を押すと公開ページに反映されます
並び替える
各カードの左上にあるハンドル（⠿）をつかんでドラッグすると、カードの順番を入れ替えられます。カードは入力した順ではなく、並べた順そのままに表示されます（日付で自動的に並び替わることはありません）。日付での自動整列がほしいときは「スケジュール」ブロックを使ってください。
見せ方（ビュー）を選ぶ
同じ内容のまま、4 つの見せ方から選べます。「ビュー」タブで切り替えます。
- グリッド — カードを格子状に並べます。列の数（2〜4）は「デザイン」タブから変更できます。作品や商品を一覧で見せるのに向いています
- 縦リスト — 横型のカード（画像が左、テキストが右）を縦に積みます。説明を読ませたいときに向いています
- 横スクロール — カードを横一列に並べ、横スクロールで見せます。縦の場所を取らずにたくさん並べたいときに向いています
- カルーセル — カードを1枚ずつ大きく表示し、横スワイプで送ります。1枚ずつじっくり見せたいときに向いています
カテゴリを色分けする
カテゴリを入れると、「中身」タブの下の方に「カテゴリの色」が表示されます。ここでカテゴリごとに色を選べます。同じカテゴリを付けたカードは同じ色で表示されるので、「新作は赤」「受注は青」のように種類を色で見分けてもらえます。
- 色を選ぶと、すべての見せ方でカテゴリのタグにその色が付きます
- 文字の色は背景色に合わせて自動で調整されます
- 色を付けていないカテゴリは、テーマにあわせた既定の色で表示されます。「既定に戻す」で元に戻せます
デザインを整える
カードの背景色・角丸・枠線・余白などはテーマで整います。ページ全体のテーマの変え方はテーマを選んでデザインを変えるを参照してください。
対応する画像と容量
- 形式：JPEG・PNG・GIF・WebP・AVIF
- 1枚あたりの容量：最大30MB
カードがそろったら、テーマを選んでデザインを変えるでページ全体の見た目を整えましょう。