ブロックについて
-
dl（説明リスト・FAQ）ブロックの使い方
用語（dt）と説明（dd）の対で情報を構造化する説明リスト。FAQ として使うときの schema.org FAQPag…
-
details（アコーディオン）ブロックの使い方
ネイティブの details/summary を使った開閉ブロック。PC／スマホ別の初期状態、「ひとつ開くと他を閉じる」…
-
レイアウト（＋ボックス）ブロックの使い方
ブレークポイントを持たないレスポンシブグリッド。「1 列の最小幅」だけで自動的に折り返し、各ボックスをリンクにしたり背景…
-
ブログリンクブロックの使い方
URL を入れるだけでリンク先のタイトル・説明・画像（OGP）からリンクカードを作るブロック。ラベル・表示切替・再取得、…
-
スライダーブロックの使い方
ブロック／メディア／ロゴの 3 タイプを持つ Splide 製スライダー。各タイプの設定、スライドの背景とオーバーレイ、…
-
可変ポスト（記事一覧）ブロックの使い方
端末によってグリッドとスライダーを切り替えられる記事一覧。クエリ・表示・カードの設定、列数が画面幅で変わる仕組み、sb_…
-
目次ブロックの使い方
ページ内の見出しから自動で目次を作るブロック。見出しレベル・番号／点・開閉式の設定、アンカーの仕組み、スムーススクロール…
-
吹き出しブロックの使い方
アバターと名前、吹き出しで会話風の表現を作るブロック。アバターの位置・背景色・文字色の設定と、CSS 変数でサイト全体の…