外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/lw-pr-post-list-4",
    "title": "投稿一覧 4（カードグリッド）",
    "category": "lw-post",
    "description": "サムネイル付きカードをグリッド状に並べる投稿一覧。日付・カテゴリ・タイトルのみのシンプルな構成で、お知らせ・新着情報セクションに最適。カラム数（2〜4）が選べ、背景画像と背景色（透明度つき）を付けると画面幅いっぱいの帯になる。",
    "aiHint": {
        "description": "投稿一覧カードグリッド。サムネイル+日付+カテゴリ+タイトル。お知らせ・新着情報に",
        "excludeFromAutoSelect": false,
        "contentAttributes": [
            "numberOfPosts",
            "categoryId"
        ],
        "imageAttributes": [
            "bgImage"
        ],
        "notes": "📌 **中身はJSでREST（`/wp-json/wp/v2/posts`）から取って組み立てる。**`save()` がフロント用のスクリプトをそのまま埋め込むので、別ファイルの読み込みには依存しない。🚨 **投稿が1件も無いサイトでは何も出ない。** 記事を用意できないページには置かない。🚨 **`categoryId` に存在しないカテゴリIDを入れると REST が 400 を返し、「投稿を読み込めませんでした」と出る。** 分からないときは空にする。🚨 **JSが動かない場所（セクション見本の静止HTMLなど）では中身が出ない。**見本用のスクリーンショットを撮る用途には向かない。🚨 カテゴリのバッジは `color:#fff` が CSS 固定で、背景 `catBgColor` の既定が `var(--color-main)`。明るいサイト色だとカテゴリ名が読めないので `color-mix(in srgb, var(--color-main) 50%, #000)` にする。件数 `numberOfPosts` は列数 `columns`（既定3）の倍数にすると格子がそろう。"
    },
    "attributes": {
        "bgImage": {
            "type": "string",
            "default": "",
            "aiHint": {
                "role": "image",
                "note": "背景画像URL。無くてもよい"
            }
        }
    }
}