外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/lw-pr-list-8",
    "title": "List 08",
    "category": "lw-list",
    "description": "リストと画像を組み合わせたレイアウト。1列または2列のリスト表示を選択可能。List 05と違い、画像は縦横比を保ったままリスト側の高さいっぱいにトリミング表示され、下に余白が残らない。サービス内容や特徴を箇条書きで説明する際に最適。",
    "aiHint": {
        "description": "リスト+画像。1列/2列のチェックリスト＋右（またはスマホでは下）に画像。List 05と違い画像はトリミングして高さを合わせるので下に空白ができない。サービス内容・特徴一覧に",
        "excludeFromAutoSelect": false,
        "contentAttributes": [
            "leftItems",
            "rightItems"
        ],
        "imageAttributes": [
            "imageUrl"
        ],
        "notes": "画像は正方形に近い比率だとトリミングが少なく収まりが良い。極端に横長・縦長の画像は主要な被写体が切れることがあるので、貼る前にプレビューで確認する。 🚨 **textColor の既定は var(--color-main)。** サイト色が明るいとリストの文字が読めなくなるので、実際の濃い色を渡す。leftItems / rightItems は文字列の配列で、listColumns:2 のときは左右の件数をそろえる。1項目は15〜20文字くらいが読みやすい（長いとスマホの箱の中で泣き別れる）。 🚨 **listColumns:2 のときは1項目10文字まで。**幅1000pxでも1枠が約180pxしかないので、11文字目から折れる（2026-09-07 実測）。上の「15〜20文字」は listColumns:1 のときの目安。"
    },
    "attributes": []
}