ブロックサンプル：投稿者（1/2）

投稿者（1/2）

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

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

sample-09469 / core/post-author　基本形

sample-09470 / core/post-author　textAlign：textAlign="left"

sample-09471 / core/post-author　textAlign：textAlign="center"

sample-09472 / core/post-author　textAlign：textAlign="right"

sample-09473 / core/post-author　avatarSize：avatarSize=24

sample-09474 / core/post-author　avatarSize：avatarSize=48

sample-09475 / core/post-author　avatarSize：avatarSize=96

sample-09476 / core/post-author　showAvatar：showAvatar=false

sample-09477 / core/post-author　showAvatar：showAvatar=true

sample-09478 / core/post-author　showBio：showBio=false

sample-09479 / core/post-author　showBio：showBio=true

sample-09480 / core/post-author　byline：byline="短いサンプル"

sample-09481 / core/post-author　byline：byline="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-09482 / core/post-author　isLink：isLink=false

sample-09483 / core/post-author　isLink：isLink=true

sample-09484 / core/post-author　linkTarget：linkTarget="_self"

sample-09485 / core/post-author　linkTarget：linkTarget="_blank"

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

sample-09487 / core/post-author　プリセットの前景色：borderColor="red" / textColor="red"

sample-09488 / core/post-author　プリセットの前景色：borderColor="pink" / textColor="pink"

sample-09489 / core/post-author　プリセットの前景色：borderColor="purple" / textColor="purple"

sample-09490 / core/post-author　プリセットの前景色：borderColor="deep" / textColor="deep"

sample-09491 / core/post-author　プリセットの前景色：borderColor="indigo" / textColor="indigo"

sample-09492 / core/post-author　プリセットの前景色：borderColor="blue" / textColor="blue"

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

sample-09494 / core/post-author　プリセットの前景色：borderColor="cyan" / textColor="cyan"

sample-09495 / core/post-author　プリセットの前景色：borderColor="teal" / textColor="teal"

sample-09496 / core/post-author　プリセットの前景色：borderColor="green" / textColor="green"

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

sample-09498 / core/post-author　プリセットの前景色：borderColor="lime" / textColor="lime"

sample-09499 / core/post-author　プリセットの前景色：borderColor="yellow" / textColor="yellow"

sample-09500 / core/post-author　プリセットの前景色：borderColor="amber" / textColor="amber"

sample-09501 / core/post-author　プリセットの前景色：borderColor="orange" / textColor="orange"

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

sample-09503 / core/post-author　プリセットの前景色：borderColor="brown" / textColor="brown"

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

sample-09505 / core/post-author　プリセットの前景色：borderColor="grey" / textColor="grey"

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

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

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

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

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

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

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

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

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

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

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

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

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

sample-09519 / core/post-author　backgroundColor：backgroundColor="key-color"

sample-09520 / core/post-author　backgroundColor：backgroundColor="red"

sample-09521 / core/post-author　backgroundColor：backgroundColor="pink"

sample-09522 / core/post-author　backgroundColor：backgroundColor="purple"

sample-09523 / core/post-author　backgroundColor：backgroundColor="deep"

sample-09524 / core/post-author　backgroundColor：backgroundColor="indigo"

sample-09525 / core/post-author　backgroundColor：backgroundColor="blue"

sample-09526 / core/post-author　backgroundColor：backgroundColor="light-blue"

sample-09527 / core/post-author　backgroundColor：backgroundColor="cyan"

sample-09528 / core/post-author　backgroundColor：backgroundColor="teal"

sample-09529 / core/post-author　backgroundColor：backgroundColor="green"

sample-09530 / core/post-author　backgroundColor：backgroundColor="light-green"

sample-09531 / core/post-author　backgroundColor：backgroundColor="lime"

sample-09532 / core/post-author　backgroundColor：backgroundColor="yellow"

sample-09533 / core/post-author　backgroundColor：backgroundColor="amber"

sample-09534 / core/post-author　backgroundColor：backgroundColor="orange"

sample-09535 / core/post-author　backgroundColor：backgroundColor="deep-orange"

sample-09536 / core/post-author　backgroundColor：backgroundColor="brown"

sample-09537 / core/post-author　backgroundColor：backgroundColor="light-grey"

sample-09538 / core/post-author　backgroundColor：backgroundColor="grey"

sample-09539 / core/post-author　backgroundColor：backgroundColor="dark-grey"

sample-09540 / core/post-author　backgroundColor：backgroundColor="cocoon-black"

sample-09541 / core/post-author　backgroundColor：backgroundColor="cocoon-white"

sample-09542 / core/post-author　backgroundColor：backgroundColor="watery-blue"

sample-09543 / core/post-author　backgroundColor：backgroundColor="watery-yellow"

sample-09544 / core/post-author　backgroundColor：backgroundColor="watery-red"

sample-09545 / core/post-author　backgroundColor：backgroundColor="watery-green"

sample-09546 / core/post-author　backgroundColor：backgroundColor="ex-a"

sample-09547 / core/post-author　backgroundColor：backgroundColor="ex-b"

sample-09548 / core/post-author　backgroundColor：backgroundColor="ex-c"