ブロックサンプル：パンくずリスト（1/2）

パンくずリスト（1/2）

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

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

sample-13485 / core/breadcrumbs　基本形

sample-13486 / core/breadcrumbs　prefersTaxonomy：prefersTaxonomy=false

sample-13487 / core/breadcrumbs　prefersTaxonomy：prefersTaxonomy=true

sample-13488 / core/breadcrumbs　separator：separator=" / "

sample-13489 / core/breadcrumbs　separator：separator="・"

sample-13490 / core/breadcrumbs　separator：separator=" → "

sample-13491 / core/breadcrumbs　showHomeItem：showHomeItem=false

sample-13492 / core/breadcrumbs　showHomeItem：showHomeItem=true

sample-13493 / core/breadcrumbs　showCurrentItem：showCurrentItem=false

sample-13494 / core/breadcrumbs　showCurrentItem：showCurrentItem=true

sample-13495 / core/breadcrumbs　showOnHomePage：showOnHomePage=false

sample-13496 / core/breadcrumbs　showOnHomePage：showOnHomePage=true

sample-13497 / core/breadcrumbs　プリセットの前景色：borderColor="key-color" / textColor="key-color"

sample-13498 / core/breadcrumbs　プリセットの前景色：borderColor="red" / textColor="red"

sample-13499 / core/breadcrumbs　プリセットの前景色：borderColor="pink" / textColor="pink"

sample-13500 / core/breadcrumbs　プリセットの前景色：borderColor="purple" / textColor="purple"

sample-13501 / core/breadcrumbs　プリセットの前景色：borderColor="deep" / textColor="deep"

sample-13502 / core/breadcrumbs　プリセットの前景色：borderColor="indigo" / textColor="indigo"

sample-13503 / core/breadcrumbs　プリセットの前景色：borderColor="blue" / textColor="blue"

sample-13504 / core/breadcrumbs　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

sample-13505 / core/breadcrumbs　プリセットの前景色：borderColor="cyan" / textColor="cyan"

sample-13506 / core/breadcrumbs　プリセットの前景色：borderColor="teal" / textColor="teal"

sample-13507 / core/breadcrumbs　プリセットの前景色：borderColor="green" / textColor="green"

sample-13508 / core/breadcrumbs　プリセットの前景色：borderColor="light-green" / textColor="light-green"

sample-13509 / core/breadcrumbs　プリセットの前景色：borderColor="lime" / textColor="lime"

sample-13510 / core/breadcrumbs　プリセットの前景色：borderColor="yellow" / textColor="yellow"

sample-13511 / core/breadcrumbs　プリセットの前景色：borderColor="amber" / textColor="amber"

sample-13512 / core/breadcrumbs　プリセットの前景色：borderColor="orange" / textColor="orange"

sample-13513 / core/breadcrumbs　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

sample-13514 / core/breadcrumbs　プリセットの前景色：borderColor="brown" / textColor="brown"

sample-13515 / core/breadcrumbs　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

sample-13516 / core/breadcrumbs　プリセットの前景色：borderColor="grey" / textColor="grey"

sample-13517 / core/breadcrumbs　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"

sample-13518 / core/breadcrumbs　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"

sample-13519 / core/breadcrumbs　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"

sample-13520 / core/breadcrumbs　プリセットの前景色：borderColor="watery-blue" / textColor="watery-blue"

sample-13521 / core/breadcrumbs　プリセットの前景色：borderColor="watery-yellow" / textColor="watery-yellow"

sample-13522 / core/breadcrumbs　プリセットの前景色：borderColor="watery-red" / textColor="watery-red"

sample-13523 / core/breadcrumbs　プリセットの前景色：borderColor="watery-green" / textColor="watery-green"

sample-13524 / core/breadcrumbs　プリセットの前景色：borderColor="ex-a" / textColor="ex-a"

sample-13525 / core/breadcrumbs　プリセットの前景色：borderColor="ex-b" / textColor="ex-b"

sample-13526 / core/breadcrumbs　プリセットの前景色：borderColor="ex-c" / textColor="ex-c"

sample-13527 / core/breadcrumbs　プリセットの前景色：borderColor="ex-d" / textColor="ex-d"

sample-13528 / core/breadcrumbs　プリセットの前景色：borderColor="ex-e" / textColor="ex-e"

sample-13529 / core/breadcrumbs　プリセットの前景色：borderColor="ex-f" / textColor="ex-f"

sample-13530 / core/breadcrumbs　backgroundColor：backgroundColor="key-color"

sample-13531 / core/breadcrumbs　backgroundColor：backgroundColor="red"

sample-13532 / core/breadcrumbs　backgroundColor：backgroundColor="pink"

sample-13533 / core/breadcrumbs　backgroundColor：backgroundColor="purple"

sample-13534 / core/breadcrumbs　backgroundColor：backgroundColor="deep"

sample-13535 / core/breadcrumbs　backgroundColor：backgroundColor="indigo"

sample-13536 / core/breadcrumbs　backgroundColor：backgroundColor="blue"

sample-13537 / core/breadcrumbs　backgroundColor：backgroundColor="light-blue"

sample-13538 / core/breadcrumbs　backgroundColor：backgroundColor="cyan"

sample-13539 / core/breadcrumbs　backgroundColor：backgroundColor="teal"

sample-13540 / core/breadcrumbs　backgroundColor：backgroundColor="green"

sample-13541 / core/breadcrumbs　backgroundColor：backgroundColor="light-green"

sample-13542 / core/breadcrumbs　backgroundColor：backgroundColor="lime"

sample-13543 / core/breadcrumbs　backgroundColor：backgroundColor="yellow"

sample-13544 / core/breadcrumbs　backgroundColor：backgroundColor="amber"

sample-13545 / core/breadcrumbs　backgroundColor：backgroundColor="orange"

sample-13546 / core/breadcrumbs　backgroundColor：backgroundColor="deep-orange"

sample-13547 / core/breadcrumbs　backgroundColor：backgroundColor="brown"

sample-13548 / core/breadcrumbs　backgroundColor：backgroundColor="light-grey"

sample-13549 / core/breadcrumbs　backgroundColor：backgroundColor="grey"

sample-13550 / core/breadcrumbs　backgroundColor：backgroundColor="dark-grey"

sample-13551 / core/breadcrumbs　backgroundColor：backgroundColor="cocoon-black"

sample-13552 / core/breadcrumbs　backgroundColor：backgroundColor="cocoon-white"

sample-13553 / core/breadcrumbs　backgroundColor：backgroundColor="watery-blue"

sample-13554 / core/breadcrumbs　backgroundColor：backgroundColor="watery-yellow"

sample-13555 / core/breadcrumbs　backgroundColor：backgroundColor="watery-red"

sample-13556 / core/breadcrumbs　backgroundColor：backgroundColor="watery-green"

sample-13557 / core/breadcrumbs　backgroundColor：backgroundColor="ex-a"

sample-13558 / core/breadcrumbs　backgroundColor：backgroundColor="ex-b"

sample-13559 / core/breadcrumbs　backgroundColor：backgroundColor="ex-c"

sample-13560 / core/breadcrumbs　backgroundColor：backgroundColor="ex-d"

sample-13561 / core/breadcrumbs　backgroundColor：backgroundColor="ex-e"

sample-13562 / core/breadcrumbs　backgroundColor：backgroundColor="ex-f"

sample-13563 / core/breadcrumbs　fontSize：fontSize="small"

sample-13564 / core/breadcrumbs　fontSize：fontSize="medium"