グループ Group

左寄せor右寄せ配置した画像などに段落を続けるとテキストが回り込むようになる。その時画像とテキストをグループ化すると回り込みを解除できる。

こんなかんじ

slug: core/group

ブロックを選んでインライン設定メニューからグループ化できる

インライン設定

ブロックの変更
カラム

配置の変更
幅広/全幅
※未選択にすることで通常の幅にすることができる

詳細設定

色設定
文字色と背景色を指定できる。

色設定はテーマファイルの functions.php などで設定できる。グラデーションのプリセットも。
https://developer.wordpress.org/block-editor/developers/themes/theme-support/#block-color-palettes

高度な設定
HTMLアンカー:ページ内リンク用のアンカー(id属性としてブロックに付与される)
追加CSSクラス:CSSのクラス名(ブロックのclass属性に追加される)を設定できる。半角スペースで区切って複数設定可能。ブロックスタイルで選択したものがある時、そのスタイルのCSSクラスも追加されるので、扱いには注意。

Usage

使い所は色々あると思うけど、パッと思いつくのはいくつかのブロックをまとめて「グループにして」背景色をつけたい時とかです。

ねるねこさん

ねるねこさん

ねるねこさん

paddingが設定できる。

テスト