外部AI向けガイドに戻る
LiteWord テーマ情報
{
"name": "wdl/lw-content-8",
"title": "Content 08",
"category": "lw-content",
"description": "",
"aiHint": {
"description": "サブ（英字バッジ）＋見出し＋説明文＋ボタンのカードが並ぶ。写真が無くても成立する。強み・プラン・免許や許可など、1件ずつ読ませたいものを並べるときに",
"excludeFromAutoSelect": false,
"contentAttributes": [
"contents"
],
"imageAttributes": [],
"notes": "サブ（英字の小さなバッジ）＋見出し＋説明文＋ボタンのカードが並ぶ。写真が無くても成立する。強み・プラン・免許や許可のように、1件ずつ読ませたいものを並べるときに。列は columnClass（clm_2 / clm_3 / clm_4・既定は clm_3）。800px以下で2カラム、550px以下で1カラムに落ちる。🚨 固定ページでは画面幅いっぱいに広がる（.lw_content_wrap.page で width:100vw）。内側の幅は innerMaxWidth（既定1200）で決まるので、同じページの他のブロックと幅をそろえたいときは 1040 などを明示する。🚨 このブロックをページの一番上に置くと、本文の上の余白（.first_content）が消える。全幅ブロックをファーストビューとして使うための仕掛けなので、途中に置くぶんには関係ない。🚨 リンク先が無い一覧では showButton:false にして全カードのボタンを消す。既定ではボタンが出るので、contents[].url を空のままにすると href=\"\" のボタンが並び、押すとページが再読み込みされる。ボタンを出すなら url を必ず入れる。カードの枠線・サブのバッジ・ボタンは既定がすべて var(--color-main) で、ページのメインカラーに自動で追従する（色は指定しなくてよい）。showSub:false でバッジを消せる。文字の大きさは titleFontSizeClass / textFontSizeClass（font_size_s / m / l）。contents は sub（英字3〜10字。バッジなので短く）＋ main（日本語5〜15字）＋ text（40〜70字）。カードの高さは一番長い text にそろう。mainAlign:\"center\" で見出しを中央寄せにできる。自前で margin:40px 0 を持つので、前後にスペーサーを足さない。"
},
"attributes": {
"contents": {
"type": "array",
"default": [
{
"sub": "サブタイトル",
"main": "タイトルタイトル",
"text": "説明文を入力してください。説明文を入力してください。説明文を入力してください。説明文を入力してください。説明文を入力してください。",
"url": "#",
"btnText": "詳細はこちら"
},
{
"sub": "サブタイトル",
"main": "タイトルタイトル",
"text": "説明文を入力してください。説明文を入力してください。説明文を入力してください。説明文を入力してください。説明文を入力してください。",
"url": "#",
"btnText": "詳細はこちら"
},
{
"sub": "サブタイトル",
"main": "タイトルタイトル",
"text": "説明文を入力してください。説明文を入力してください。説明文を入力してください。説明文を入力してください。説明文を入力してください。",
"url": "#",
"btnText": "詳細はこちら"
}
],
"aiHint": {
"role": "list",
"contentGuide": "カード項目。2〜4個。各要素にsub(英語3〜10文字)+main(日本語5〜15文字)+text(20〜60文字)+btnText(4〜10文字)",
"example": [
{
"sub": "PLAN A",
"main": "スタンダード",
"text": "基本的なサービスを全て含むプランです",
"btnText": "詳細を見る"
}
]
}
}
}
}