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

脚注（1/2）

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

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

sample-08258 / core/footnotes　基本形【コピー用コード】

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

<!-- wp:footnotes /-->

sample-08259 / core/footnotes　プリセットの前景色：borderColor="key-color" / textColor="key-color"【コピー用コード】

<!-- wp:footnotes {"borderColor":"key-color","textColor":"key-color","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08260 / core/footnotes　プリセットの前景色：borderColor="red" / textColor="red"【コピー用コード】

<!-- wp:footnotes {"borderColor":"red","textColor":"red","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08261 / core/footnotes　プリセットの前景色：borderColor="pink" / textColor="pink"【コピー用コード】

<!-- wp:footnotes {"borderColor":"pink","textColor":"pink","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08262 / core/footnotes　プリセットの前景色：borderColor="purple" / textColor="purple"【コピー用コード】

<!-- wp:footnotes {"borderColor":"purple","textColor":"purple","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08263 / core/footnotes　プリセットの前景色：borderColor="deep" / textColor="deep"【コピー用コード】

<!-- wp:footnotes {"borderColor":"deep","textColor":"deep","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08264 / core/footnotes　プリセットの前景色：borderColor="indigo" / textColor="indigo"【コピー用コード】

<!-- wp:footnotes {"borderColor":"indigo","textColor":"indigo","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08265 / core/footnotes　プリセットの前景色：borderColor="blue" / textColor="blue"【コピー用コード】

<!-- wp:footnotes {"borderColor":"blue","textColor":"blue","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08266 / core/footnotes　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"【コピー用コード】

<!-- wp:footnotes {"borderColor":"light-blue","textColor":"light-blue","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08267 / core/footnotes　プリセットの前景色：borderColor="cyan" / textColor="cyan"【コピー用コード】

<!-- wp:footnotes {"borderColor":"cyan","textColor":"cyan","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08268 / core/footnotes　プリセットの前景色：borderColor="teal" / textColor="teal"【コピー用コード】

<!-- wp:footnotes {"borderColor":"teal","textColor":"teal","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08269 / core/footnotes　プリセットの前景色：borderColor="green" / textColor="green"【コピー用コード】

<!-- wp:footnotes {"borderColor":"green","textColor":"green","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08270 / core/footnotes　プリセットの前景色：borderColor="light-green" / textColor="light-green"【コピー用コード】

<!-- wp:footnotes {"borderColor":"light-green","textColor":"light-green","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08271 / core/footnotes　プリセットの前景色：borderColor="lime" / textColor="lime"【コピー用コード】

<!-- wp:footnotes {"borderColor":"lime","textColor":"lime","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08272 / core/footnotes　プリセットの前景色：borderColor="yellow" / textColor="yellow"【コピー用コード】

<!-- wp:footnotes {"borderColor":"yellow","backgroundColor":"black","textColor":"yellow","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08273 / core/footnotes　プリセットの前景色：borderColor="amber" / textColor="amber"【コピー用コード】

<!-- wp:footnotes {"borderColor":"amber","textColor":"amber","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08274 / core/footnotes　プリセットの前景色：borderColor="orange" / textColor="orange"【コピー用コード】

<!-- wp:footnotes {"borderColor":"orange","textColor":"orange","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08275 / core/footnotes　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"【コピー用コード】

<!-- wp:footnotes {"borderColor":"deep-orange","textColor":"deep-orange","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08276 / core/footnotes　プリセットの前景色：borderColor="brown" / textColor="brown"【コピー用コード】

<!-- wp:footnotes {"borderColor":"brown","textColor":"brown","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08277 / core/footnotes　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"【コピー用コード】

<!-- wp:footnotes {"borderColor":"light-grey","backgroundColor":"black","textColor":"light-grey","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08278 / core/footnotes　プリセットの前景色：borderColor="grey" / textColor="grey"【コピー用コード】

<!-- wp:footnotes {"borderColor":"grey","textColor":"grey","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08279 / core/footnotes　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"【コピー用コード】

<!-- wp:footnotes {"borderColor":"dark-grey","textColor":"dark-grey","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08280 / core/footnotes　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"【コピー用コード】

<!-- wp:footnotes {"borderColor":"cocoon-black","textColor":"cocoon-black","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08281 / core/footnotes　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"【コピー用コード】

<!-- wp:footnotes {"borderColor":"cocoon-white","textColor":"cocoon-white","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08282 / core/footnotes　プリセットの前景色：borderColor="watery-blue" / textColor="watery-blue"【コピー用コード】

<!-- wp:footnotes {"borderColor":"watery-blue","textColor":"watery-blue","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08283 / core/footnotes　プリセットの前景色：borderColor="watery-yellow" / textColor="watery-yellow"【コピー用コード】

<!-- wp:footnotes {"borderColor":"watery-yellow","textColor":"watery-yellow","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08284 / core/footnotes　プリセットの前景色：borderColor="watery-red" / textColor="watery-red"【コピー用コード】

<!-- wp:footnotes {"borderColor":"watery-red","textColor":"watery-red","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08285 / core/footnotes　プリセットの前景色：borderColor="watery-green" / textColor="watery-green"【コピー用コード】

<!-- wp:footnotes {"borderColor":"watery-green","textColor":"watery-green","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08286 / core/footnotes　プリセットの前景色：borderColor="ex-a" / textColor="ex-a"【コピー用コード】

<!-- wp:footnotes {"borderColor":"ex-a","textColor":"ex-a","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08287 / core/footnotes　プリセットの前景色：borderColor="ex-b" / textColor="ex-b"【コピー用コード】

<!-- wp:footnotes {"borderColor":"ex-b","textColor":"ex-b","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08288 / core/footnotes　プリセットの前景色：borderColor="ex-c" / textColor="ex-c"【コピー用コード】

<!-- wp:footnotes {"borderColor":"ex-c","textColor":"ex-c","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08289 / core/footnotes　プリセットの前景色：borderColor="ex-d" / textColor="ex-d"【コピー用コード】

<!-- wp:footnotes {"borderColor":"ex-d","textColor":"ex-d","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08290 / core/footnotes　プリセットの前景色：borderColor="ex-e" / textColor="ex-e"【コピー用コード】

<!-- wp:footnotes {"borderColor":"ex-e","textColor":"ex-e","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08291 / core/footnotes　プリセットの前景色：borderColor="ex-f" / textColor="ex-f"【コピー用コード】

<!-- wp:footnotes {"borderColor":"ex-f","textColor":"ex-f","style":{"border":{"width":"3px","style":"solid","color":"#19448e"}}} /-->

sample-08292 / core/footnotes　backgroundColor：backgroundColor="key-color"【コピー用コード】

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

sample-08293 / core/footnotes　backgroundColor：backgroundColor="red"【コピー用コード】

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

sample-08294 / core/footnotes　backgroundColor：backgroundColor="pink"【コピー用コード】

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

sample-08295 / core/footnotes　backgroundColor：backgroundColor="purple"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"purple","textColor":"white"} /-->

sample-08296 / core/footnotes　backgroundColor：backgroundColor="deep"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"deep","textColor":"white"} /-->

sample-08297 / core/footnotes　backgroundColor：backgroundColor="indigo"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"indigo","textColor":"white"} /-->

sample-08298 / core/footnotes　backgroundColor：backgroundColor="blue"【コピー用コード】

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

sample-08299 / core/footnotes　backgroundColor：backgroundColor="light-blue"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"light-blue"} /-->

sample-08300 / core/footnotes　backgroundColor：backgroundColor="cyan"【コピー用コード】

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

sample-08301 / core/footnotes　backgroundColor：backgroundColor="teal"【コピー用コード】

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

sample-08302 / core/footnotes　backgroundColor：backgroundColor="green"【コピー用コード】

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

sample-08303 / core/footnotes　backgroundColor：backgroundColor="light-green"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"light-green"} /-->

sample-08304 / core/footnotes　backgroundColor：backgroundColor="lime"【コピー用コード】

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

sample-08305 / core/footnotes　backgroundColor：backgroundColor="yellow"【コピー用コード】

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

sample-08306 / core/footnotes　backgroundColor：backgroundColor="amber"【コピー用コード】

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

sample-08307 / core/footnotes　backgroundColor：backgroundColor="orange"【コピー用コード】

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

sample-08308 / core/footnotes　backgroundColor：backgroundColor="deep-orange"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"deep-orange"} /-->

sample-08309 / core/footnotes　backgroundColor：backgroundColor="brown"【コピー用コード】

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

sample-08310 / core/footnotes　backgroundColor：backgroundColor="light-grey"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"light-grey"} /-->

sample-08311 / core/footnotes　backgroundColor：backgroundColor="grey"【コピー用コード】

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

sample-08312 / core/footnotes　backgroundColor：backgroundColor="dark-grey"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"dark-grey"} /-->

sample-08313 / core/footnotes　backgroundColor：backgroundColor="cocoon-black"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"cocoon-black"} /-->

sample-08314 / core/footnotes　backgroundColor：backgroundColor="cocoon-white"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"cocoon-white"} /-->

sample-08315 / core/footnotes　backgroundColor：backgroundColor="watery-blue"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"watery-blue"} /-->

sample-08316 / core/footnotes　backgroundColor：backgroundColor="watery-yellow"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"watery-yellow"} /-->

sample-08317 / core/footnotes　backgroundColor：backgroundColor="watery-red"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"watery-red"} /-->

sample-08318 / core/footnotes　backgroundColor：backgroundColor="watery-green"【コピー用コード】

<!-- wp:footnotes {"backgroundColor":"watery-green"} /-->

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

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

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

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

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

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

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

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