ブロックサンプル：脚注（2/2）

脚注（2/2）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-08323 / core/footnotes　backgroundColor：backgroundColor="ex-e"【コピー用コード】

別の確認用ページで段落の文字を選び、脚注を追加してください。脚注本文は投稿メタデータにも保存されるため、本文ソースだけでは復元できません。

<!-- wp:footnotes {"backgroundColor":"ex-e"} /-->

sample-08324 / core/footnotes　backgroundColor：backgroundColor="ex-f"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"ex-f"} /-->

sample-08325 / core/footnotes　fontSize：fontSize="small"【コピー用コード】

<!-- wp:footnotes {"fontSize":"small"} /-->

sample-08326 / core/footnotes　fontSize：fontSize="medium"【コピー用コード】

<!-- wp:footnotes {"fontSize":"medium"} /-->

sample-08327 / core/footnotes　fontSize：fontSize="large"【コピー用コード】

<!-- wp:footnotes {"fontSize":"large"} /-->

sample-08328 / core/footnotes　fontSize：fontSize="huge"【コピー用コード】

<!-- wp:footnotes {"fontSize":"huge"} /-->

sample-08329 / core/footnotes　lock：lock={"move":false,"remove":false}【コピー用コード】

<!-- wp:footnotes {"lock":{"move":false,"remove":false}} /-->

sample-08330 / core/footnotes　lock：lock={"move":true,"remove":false}【コピー用コード】

<!-- wp:footnotes {"lock":{"move":true,"remove":false}} /-->

sample-08331 / core/footnotes　lock：lock={"move":false,"remove":true}【コピー用コード】

<!-- wp:footnotes {"lock":{"move":false,"remove":true}} /-->

sample-08332 / core/footnotes　lock：lock={"move":true,"remove":true}【コピー用コード】

<!-- wp:footnotes {"lock":{"move":true,"remove":true}} /-->

sample-08333 / core/footnotes　anchor：anchor="sample-anchor"【コピー用コード】

<!-- wp:footnotes {"anchor":"anchor-sample-08333"} /-->

sample-08334 / core/footnotes　className：className="block-gallery-example"【コピー用コード】

<!-- wp:footnotes {"className":"block-gallery-example"} /-->

sample-08335 / core/footnotes　文字色の自由指定：style.color.text="#19448e"【コピー用コード】

<!-- wp:footnotes {"style":{"color":{"text":"#19448e"}}} /-->

sample-08336 / core/footnotes　文字色の自由指定：style.color.text="#fff3ce"【コピー用コード】

<!-- wp:footnotes {"style":{"color":{"text":"#fff3ce"}}} /-->

sample-08337 / core/footnotes　文字色の自由指定：style.color.text="#a82d46"【コピー用コード】

<!-- wp:footnotes {"style":{"color":{"text":"#a82d46"}}} /-->

sample-08338 / core/footnotes　背景色の自由指定：style.color.background="#fff3ce"【コピー用コード】

<!-- wp:footnotes {"style":{"color":{"background":"#fff3ce"}}} /-->

sample-08339 / core/footnotes　背景色の自由指定：style.color.background="#e8f0fa"【コピー用コード】

<!-- wp:footnotes {"style":{"color":{"background":"#e8f0fa"}}} /-->

sample-08340 / core/footnotes　背景色の自由指定：style.color.background="#19448e"【コピー用コード】

<!-- wp:footnotes {"style":{"color":{"background":"#19448e","text":"#ffffff"}}} /-->

sample-08341 / core/footnotes　linkの色：style.elements.link.color.text="#19448e"【コピー用コード】

<!-- wp:footnotes {"style":{"elements":{"link":{"color":{"text":"#19448e"}}}}} /-->

sample-08342 / core/footnotes　linkの色：style.elements.link.color.text="#fff3ce"【コピー用コード】

<!-- wp:footnotes {"style":{"elements":{"link":{"color":{"text":"#fff3ce"}}}}} /-->

sample-08343 / core/footnotes　文字組みの組み合わせ：style.typography.fontSize="14px" / style.typography.lineHeight="1.2" / style.typography.fontWeight="400" / style.typography.fontStyle="normal" / style.typography.letterSpacing="0" / style.typography.textTransform="none" / style.typography.textDecoration="none" / style.typography.writingMode="horizontal-tb"【コピー用コード】

<!-- wp:footnotes {"style":{"typography":{"fontSize":"14px","lineHeight":"1.2","fontWeight":"400","fontStyle":"normal","letterSpacing":"0","textTransform":"none","textDecoration":"none","writingMode":"horizontal-tb"}}} /-->

sample-08344 / core/footnotes　文字組みの組み合わせ：style.typography.fontSize="24px" / style.typography.lineHeight="1.8" / style.typography.fontWeight="700" / style.typography.fontStyle="italic" / style.typography.letterSpacing="0.08em" / style.typography.textTransform="uppercase" / style.typography.textDecoration="underline" / style.typography.writingMode="vertical-rl"【コピー用コード】

<!-- wp:footnotes {"style":{"typography":{"fontSize":"24px","lineHeight":"1.8","fontWeight":"700","fontStyle":"italic","letterSpacing":"0.08em","textTransform":"uppercase","textDecoration":"underline","writingMode":"vertical-rl"}}} /-->

sample-08345 / core/footnotes　文字組みの組み合わせ：style.typography.fontSize="2rem" / style.typography.lineHeight="2.4" / style.typography.fontWeight="900" / style.typography.fontStyle="normal" / style.typography.letterSpacing="0.2em" / style.typography.textTransform="lowercase" / style.typography.textDecoration="line-through" / style.typography.writingMode="horizontal-tb"【コピー用コード】

<!-- wp:footnotes {"style":{"typography":{"fontSize":"2rem","lineHeight":"2.4","fontWeight":"900","fontStyle":"normal","letterSpacing":"0.2em","textTransform":"lowercase","textDecoration":"line-through","writingMode":"horizontal-tb"}}} /-->

sample-08346 / core/footnotes　文字組みの組み合わせ：style.typography.fontSize="14px" / style.typography.lineHeight="1.2" / style.typography.fontWeight="400" / style.typography.fontStyle="italic" / style.typography.letterSpacing="0" / style.typography.textTransform="capitalize" / style.typography.textDecoration="none" / style.typography.writingMode="vertical-rl"【コピー用コード】

<!-- wp:footnotes {"style":{"typography":{"fontSize":"14px","lineHeight":"1.2","fontWeight":"400","fontStyle":"italic","letterSpacing":"0","textTransform":"capitalize","textDecoration":"none","writingMode":"vertical-rl"}}} /-->

sample-08347 / core/footnotes　余白の組み合わせ：style.spacing.padding={"top":"0","right":"0","bottom":"0","left":"0"} / style.spacing.margin={"top":"0","right":"0","bottom":"0","left":"0"}【コピー用コード】

<!-- wp:footnotes {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->

sample-08348 / core/footnotes　余白の組み合わせ：style.spacing.padding={"top":"1em","right":"1em","bottom":"1em","left":"1em"} / style.spacing.margin={"top":"1em","right":"1em","bottom":"1em","left":"1em"}【コピー用コード】

<!-- wp:footnotes {"style":{"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"},"margin":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}}}} /-->

sample-08349 / core/footnotes　余白の組み合わせ：style.spacing.padding={"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"} / style.spacing.margin={"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}【コピー用コード】

<!-- wp:footnotes {"style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"},"margin":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}}} /-->

sample-08350 / core/footnotes　枠線の組み合わせ：style.border.color="#19448e" / style.border.width="1px" / style.border.style="solid" / style.border.radius="0px"【コピー用コード】

<!-- wp:footnotes {"style":{"border":{"width":"1px","style":"solid","color":"#19448e","radius":"0px"}}} /-->

sample-08351 / core/footnotes　枠線の組み合わせ：style.border.color="#fff3ce" / style.border.width="3px" / style.border.style="dashed" / style.border.radius="12px"【コピー用コード】

<!-- wp:footnotes {"style":{"border":{"width":"3px","style":"dashed","color":"#fff3ce","radius":"12px"}}} /-->

sample-08352 / core/footnotes　枠線の組み合わせ：style.border.color="#a82d46" / style.border.width="6px" / style.border.style="dotted" / style.border.radius="36px"【コピー用コード】

<!-- wp:footnotes {"style":{"border":{"width":"6px","style":"dotted","color":"#a82d46","radius":"36px"}}} /-->

sample-08353 / core/footnotes　extraBottomMargin：extraBottomMargin=""【コピー用コード】

<!-- wp:footnotes /-->

sample-08354 / core/footnotes　extraBottomMargin：extraBottomMargin="0"【コピー用コード】

<!-- wp:footnotes {"extraBottomMargin":"0"} /-->

sample-08355 / core/footnotes　extraBottomMargin：extraBottomMargin="2"【コピー用コード】

<!-- wp:footnotes {"extraBottomMargin":"2"} /-->

sample-08356 / core/footnotes　extraBottomMargin：extraBottomMargin="10"【コピー用コード】

<!-- wp:footnotes {"extraBottomMargin":"10"} /-->

sample-08357 / core/footnotes　extraBottomMargin：extraBottomMargin="20"【コピー用コード】

<!-- wp:footnotes {"extraBottomMargin":"20"} /-->

sample-08358 / core/footnotes　組み合わせ：濃い背景と白い文字【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"key-color","textColor":"white","fontSize":"large"} /-->