如何调整WordPress Gutenberg Editor中含列Cover Block的内容宽度至全屏？

当Cover Block内部嵌套列区块时，确实无法直接通过编辑器的“全屏”选项让内容撑满视口，只能让背景全屏。这里有两种实操方案：

方案一：自定义CSS强制扩展内容宽度 #

1. 选中目标Cover Block，在右侧区块设置的「高级」面板里，给它添加一个自定义CSS类，比如full-width-cover-content
2. 进入「外观→自定义→额外CSS」，粘贴以下代码：

/* 让Cover内部容器撑满视口 */
.full-width-cover-content .wp-block-cover__inner-container {
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
}
/* 让嵌套的列区块去掉边距并撑满 */
.full-width-cover-content .wp-block-columns {
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
}

3. 保存后刷新前端页面，内容就会和背景一样全屏显示。如果需要保留少量左右内边距，把padding-left和padding-right改成1rem这类数值即可。

方案二：调整区块结构（无代码方案） #

如果不想写CSS，可以调整区块的层级：

1. 剪切Cover内部的列区块到剪贴板
2. 删除原Cover Block，新建一个Cover Block，设置好全屏背景后，不要添加任何内部内容
3. 在新建的Cover Block上方添加一个列区块，把剪贴板里的内容粘贴进去
4. 给列区块设置透明背景，就能透过列看到下方的Cover背景，视觉效果和嵌套一致，且列可以自由设置全屏宽度（直接用列区块的宽度选项）

内容的提问来源于stack exchange，提问作者Abdullah