ブロックサンプル：ウィジェットグループ（1/1）

ウィジェットグループ（1/1）

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

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

sample-13619 / core/widget-group　基本形【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13620 / core/widget-group　title：title="短いサンプル"【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"title":"短いサンプル"} -->
<h2 class="widget-title">短いサンプル</h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13621 / core/widget-group　title：title="長いサンプルの文章で折り返し方と余白の見え方を確認します。"【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"title":"長いサンプルの文章で折り返し方と余白の見え方を確認します。"} -->
<h2 class="widget-title">長いサンプルの文章で折り返し方と余白の見え方を確認します。</h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13622 / core/widget-group　lock：lock={"move":false,"remove":false}【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"lock":{"move":false,"remove":false}} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13623 / core/widget-group　lock：lock={"move":true,"remove":false}【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"lock":{"move":true,"remove":false}} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13624 / core/widget-group　lock：lock={"move":false,"remove":true}【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"lock":{"move":false,"remove":true}} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13625 / core/widget-group　lock：lock={"move":true,"remove":true}【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"lock":{"move":true,"remove":true}} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13626 / core/widget-group　className：className="block-gallery-example"【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"className":"block-gallery-example"} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13627 / core/widget-group　extraBottomMargin：extraBottomMargin=""【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13628 / core/widget-group　extraBottomMargin：extraBottomMargin="0"【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"extraBottomMargin":"0"} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13629 / core/widget-group　extraBottomMargin：extraBottomMargin="2"【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"extraBottomMargin":"2"} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13630 / core/widget-group　extraBottomMargin：extraBottomMargin="10"【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"extraBottomMargin":"10"} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13631 / core/widget-group　extraBottomMargin：extraBottomMargin="20"【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"extraBottomMargin":"20"} -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->

sample-13632 / core/widget-group　長文と装飾の組み合わせ【コピー用コード】

ウィジェット編集画面のウィジェットエリアへコピーして確認してください。

<!-- wp:widget-group {"title":"\u003cstrong\u003e大切なお知らせ\u003c/strong\u003e\u003cbr\u003e春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。"} -->
<h2 class="widget-title"><strong>大切なお知らせ</strong><br>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</h2><div class="wp-widget-group__inner-blocks"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:widget-group -->