外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/lw-pr-fv-14",
    "title": "FV 14 ヘッダーまで回り込む全画背景",
    "category": "lw-firstview",
    "description": "",
    "aiHint": {
        "description": "全画面FV（ヘッダー回り込み）。ロゴ+ナビ+見出し+説明+2CTAボタン。動画対応。ブランドサイトに",
        "excludeFromAutoSelect": false,
        "contentAttributes": [
            "logoText",
            "headline",
            "description",
            "leadText",
            "cta1Text",
            "cta2Text"
        ],
        "imageAttributes": [
            "logoImg",
            "bgImgPc",
            "bgImgSp"
        ],
        "notes": "ナビメニュー配列あり。ヘッダーを隠して独自ナビを表示する特殊FV。🚨 このブロックは自分でロゴ・ナビ・ハンバーガーを描くので、ページのヘッダー設定（header_select）を「非表示」にしないとヘッダーが二重になる。🚨 本文はFV全体の中央に絶対配置され、FVの高さを押し広げない。高さが足りないとスマホで本文がロゴに重なるので、minHeightSp は min-h-sp-100vh か、少なくとも min-h-sp-560px 以上にする。🚨 min-h-*-100vh-header 系は使わない（ヘッダーを非表示にすると変数が未定義になり、高さ指定ごと無効になってFVが潰れる）。navMenuItems のリンク先は同じページ内の見出し（#id）にする。 🚨 背景写真が明るいときは bgFilterOpacity を60以上にする（既定の30では白文字が飛んで読めない・実測）。🚨 既定の背景画像が Unsplash の外部URLなので、必ず自分の画像に差し替える。 ［2026-08-27 追記］navMenuItems が空だとヘッダー右上が空欄になる。showHeader を false にするとロゴとメニューごと消える（サイト共通のヘッダーが別にある場合向け）。bgFilterType を gradient にすると bgFilterGradient が効く。"
    },
    "attributes": []
}