← 一覧へ

オレンジの枠が「記事一覧(ブログカード)」です。薄い部分は、まわりの部品のイメージです。

お知らせ・情報個人サイト会社お店ネットショップ定番

記事一覧(ブログカード)

Blog Posts / Article Cards

ブログやコラムの記事を、写真・タイトル・日付のカードにして並べる部分。

別名ブログ一覧コラム記事カード読み物

入れるもの

  • 記事の写真(サムネイル)
  • タイトル
  • 日付とカテゴリ
  • 短い要約(あれば)

作るときのコツ

  • 写真の縦横の比率をそろえる
  • タイトルは2行までにおさめる
  • 人気の記事や新着を見分けやすく

どこで使われている?

よく見かける場所
ブログ、オウンドメディア、お店のコラム
使うとよい場面
読み物を定期的に書くサイト
いらない・注意する場面
記事が数本しかないとき

似ている部品との違い

AIへの指示文

LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。

商品・サービスを宣伝する1ページのLP(ランディングページ)に、「記事一覧(ブログカード)(Blog Posts / Article Cards)」のセクションを作ってください。

内容:写真・カテゴリ・日付・2行までのタイトルを1組にした記事カードを3列に並べる。写真の比率は 16:9 にそろえる。

入れるもの:記事の写真(サムネイル)/タイトル/日付とカテゴリ/短い要約(あれば)
気をつけること:写真の縦横の比率をそろえる/タイトルは2行までにおさめる/人気の記事や新着を見分けやすく

スマホでも見やすいように、画面が狭いときは縦に並べてください。