外部AI向けガイドに戻る
LiteWord テーマ情報
{
"name": "wdl/lw-pr-qa-4",
"title": "よくある質問 04(タブで分ける)",
"category": "lw-faq",
"description": "上のタブで分類を切り替えるよくある質問。押した分類の質問だけが下に出ます。質問が多くてもページが長くなりません。",
"aiHint": {
"description": "よくある質問(タブ切替)。上に分類のタブを並べ、押すとその分類の質問だけ出る。分類が3〜6個あり、合計15件以上あるFAQに向く",
"excludeFromAutoSelect": false,
"contentAttributes": [
"groups"
],
"imageAttributes": [],
"notes": "groups は [{ label, items:[{ text_q, text_a }] }] の入れ子配列。label が分類名(タブの文字)。⚠️ タブの文字は全角6字までにする。375px でタブが2行に折れると分類の切れ目が分からなくなる(横スクロールで逃がしてあるが、短いほうが読みやすい)。⚠️ 分類は3〜6個。2個ならタブにする意味が無く lw-qa-1 で足りる。7個を超えると横スクロールが長くなるので lw-pr-qa-6(左に分類が追従する2カラム)にする。🚨 JS が動かない環境では全部の分類がそのまま縦に出る(分類名は panel-title として出る)。壊れない作りなので心配しなくてよい。⚠️ showCount を true にするとタブに件数が出る。件数は save() のときに数えた固定値ではなく items.length なので、質問を足せば自動で変わる。"
},
"attributes": []
}