ブロックプラグイン
conceptBlock
画像＋テキストの横並びレイアウトブロック。画像はゆっくり浮遊するアニメーション付き。
デモ
概要
画像＋テキストの横並びレイアウトブロックです。画像はゆっくり浮遊するアニメーション付きで、コンセプト紹介や特徴説明に最適です。
パラメーター
| パラメーター | デフォルト | 説明 |
|---|---|---|
image |
— | 画像 URL |
alt |
— | alt テキスト |
heading |
— | 見出し |
body |
— | 本文（HTML 可） |
note |
"" |
注記テキスト |
pos |
"left" |
画像位置（"left" / "right"） |
delay |
"0s" |
アニメーション遅延 |
使用例
{% from "block-concept-standard/block-concept-standard.njk" import conceptBlock %}
{{ conceptBlock(
image="/images/concept.jpg",
alt="コンセプト画像",
heading="見出しテキスト",
body="<p>本文HTML。</p>",
note="補足テキスト",
pos="right",
delay="0.3s"
) }}