Gutenberg - 在嵌套的宽宽度组上添加全宽背景

Question

我正在尝试在 Gutenberg 的宽幅组中添加全角背景。

我完成的步骤：

1. 用我的背景颜色创建一个全角组
2. 在我的全角组中创建一个组

问题：我无法在嵌套组上润湿 with（在第 2 步中）

我怎样才能做到这一点？

谢谢！

Answer 1

是的，全宽组中的组可以设置内容宽度和背景颜色，例如：

<!-- wp:group {"align":"full","backgroundColor":"secondary"} -->
<div class="wp-block-group alignfull has-secondary-background-color has-background"><!-- wp:heading -->
<h2>Full Width Group</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Some content in the full width group</p>
<!-- /wp:paragraph -->

<!-- wp:group {"backgroundColor":"tertiary","layout":{"inherit":false,"contentSize":"400px"}} -->
<div class="wp-block-group has-tertiary-background-color has-background"><!-- wp:heading {"level":3} -->
<h3>Inner Group</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Content in the inner group with a set width of 400px</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

生成的布局：

同时检查您的内部组布局是否已将 inherit 设置为 false 并将 contentSize 设置为您需要的大小（支持 px、%、em、rem、vw、vh）。如果仍未应用宽度，请检查您的主题中是否有任何自定义 CSS 或冲突规则可能会覆盖宽度。