外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/lw-pr-fv-16",
    "title": "固定ページタイトル 16(動画背景)",
    "category": "lw-firstview",
    "description": "",
    "aiHint": {
        "description": "中央テキスト+背景画像FV。大きな見出し+説明+CTAボタン。飲食・美容・ECのビジュアル訴求に最適",
        "excludeFromAutoSelect": false,
        "contentAttributes": [
            "mainTitle",
            "description",
            "buttonText"
        ],
        "imageAttributes": [
            "imageUrlPc",
            "imageUrlSp"
        ],
        "notes": [
            "背景写真の上に半透明の暗い箱を置き、その中に左寄せで見出し＋説明＋CTAが入る。「中央に大きな見出し」ではない（2026-08-26 に実物で確認）。箱があるので写真が明るくても文字が読める。写真を大きく見せたい業種（飲食・美容・EC）に向く。 ［2026-08-27 追記］fvInnerBgColor / fvInnerBgOpacity が内側の帯。白 0.82 にすると写真の上でも一番読みやすくなり、0 にすると帯が消えて写真がそのまま見える。imageUrlPc は空にできない。",
            "🚨 **下層ページの見出し帯としても使える。**そのときは ①minHeightPc を `min-h-pc-280px` 程度に落とす（既定は `min-h-pc-100vh-header-60` ＝画面いっぱい）②showButton を false にする（既定は true で「ご相談はこちら」のCTAが出る）③headingLevel を 1 にする。高さのクラスは共通CSS（assets/css/font_style.css）が 150〜560px まで20px刻みで持っているので、ブロック側に無い値でも効く。",
            "🚨 内側の箱（fvInnerBgColor / fvInnerBgOpacity）に `var(--color-main)` を渡さない。明るいサイト色だと白文字が読めなくなる。黒 0.4 前後が安全。",
            "🚨 **自分から全幅になる背景ブロック**。次の段も全幅の帯（lw-bg-1 / lw-message-1 / paid-block-link-2 など）なら、あいだにスペーサーを置かない（白い隙間が「入れ忘れ」に見える）。"
        ]
    },
    "attributes": []
}