古腾堡 - 在嵌套的宽宽度组上添加全宽背景

Question

我正在尝试在古腾堡的宽幅组上添加全角背景。

我所做的步骤：

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

问题：我无法在嵌套组上润湿（在步骤 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 或冲突规则，这些规则可能会覆盖宽度。