ブロックサンプル：グループ（5/6）

グループ（5/6）

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

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

sample-05747 / core/group　背景画像の繰り返し：style.background.backgroundRepeat="no-repeat"

sample-05748 / core/group　追従表示：style.position={"type":"default"}

sample-05749 / core/group　追従表示：style.position={"type":"sticky","top":"0px"}

sample-05750 / core/group　layout：layout={"type":"constrained"}

sample-05751 / core/group　layout：layout={"type":"flex","flexWrap":"wrap","justifyContent":"center"}

sample-05752 / core/group　layout：layout={"type":"flex","orientation":"vertical","justifyContent":"left"}

sample-05753 / core/group　layout：layout={"type":"grid","columnCount":2}

sample-05754 / core/group　extraBottomMargin：extraBottomMargin=""

sample-05755 / core/group　extraBottomMargin：extraBottomMargin="0"

sample-05756 / core/group　extraBottomMargin：extraBottomMargin="2"

sample-05757 / core/group　extraBottomMargin：extraBottomMargin="10"

sample-05758 / core/group　extraBottomMargin：extraBottomMargin="20"

sample-05759 / core/group　cocoonLinkUrl：cocoonLinkUrl="#gallery-top"

sample-05760 / core/group　cocoonLinkUrl：cocoonLinkUrl="https://wordpress.org/"

sample-05761 / core/group　cocoonLinkTarget：cocoonLinkTarget=false

sample-05762 / core/group　cocoonLinkTarget：cocoonLinkTarget=true

sample-05763 / core/group　スタイル：情報(i)

sample-05764 / core/group　スタイル：質問(?)

sample-05765 / core/group　スタイル：アラート(!)

sample-05766 / core/group　スタイル：メモ

sample-05767 / core/group　スタイル：コメント

sample-05768 / core/group　スタイル：OK

sample-05769 / core/group　スタイル：NG

sample-05770 / core/group　スタイル：GOOD

sample-05771 / core/group　スタイル：BAD

sample-05772 / core/group　スタイル：プロフィール

sample-05773 / core/group　スタイル：プライマリー（濃い水色）

sample-05774 / core/group　スタイル：セカンダリー（濃い灰色）

sample-05775 / core/group　スタイル：インフォ（薄い青色）

sample-05776 / core/group　スタイル：サクセス（薄い緑色）

sample-05777 / core/group　スタイル：ワーニング（薄い黄色）

sample-05778 / core/group　スタイル：デンジャー（薄い赤色）