外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/lw-pr-qa-6",
    "title": "よくある質問 06（左に分類・2カラム）",
    "category": "lw-faq",
    "description": "左に分類の一覧がスクロールしてもついてくる2カラムのよくある質問。質問は右に全部並びます。いま何の分類を読んでいるかが常に分かります。",
    "aiHint": {
        "description": "よくある質問（2カラム・左に分類が追従）。左の分類一覧がスクロールに追従し、いま読んでいる分類が光る。右に質問が分類ごとに全部並ぶ。分類が5個以上ある大きめのFAQに向く",
        "excludeFromAutoSelect": false,
        "contentAttributes": [
            "groups"
        ],
        "imageAttributes": [],
        "notes": "groups は [{ label, items:[{ text_q, text_a }] }] の入れ子配列（lw-pr-qa-4 と同じ形なので入れ替えやすい）。⚠️ 分類は4〜8個。3個以下なら2カラムにする意味が薄く lw-pr-qa-4（タブ）で足りる。🚨 左の一覧は JS が動いたときだけ出る（view.js が .is-js を付ける）。JS 無しでは分類の見出しつき1カラムになるだけで壊れない。🚨 見出し（h3）に id を書かない作りにしてある。同じテンプレを2ページに貼っても id が重複しないよう、飛び先は data-qa6-group の番号で JS が探している。⚠️ 追従は position:sticky。**このブロックを overflow:hidden の中に入れると効かなくなる**（lw-bg-1 の帯の中は大丈夫だが、独自CSSで囲うときは注意）。⚠️ 飛んだときの止まる位置は、固定ヘッダーの高さを view.js が測って避けている。stickyTop はそれとは別で、左の一覧が画面上端から何px下で止まるかの設定。"
    },
    "attributes": []
}