更改WordPress文章中的古腾堡编辑器默认宽度教程

Gutenberg古腾堡编辑器最大的缺点之一就是编辑器的宽度不像经典编辑器那样全宽。在许多主题中，后台编辑界面与实际文章页面相比非常狭窄，导致前后布局不同，影响文章的效果。对于一些强迫症的站长来说很不爽，这里搬主题就介绍如何修改 Gutenberg 编辑器的默认宽度。

通过代码调整编辑器宽度

在主题的 functions.php 文件中添加以下代码

function custom_admin_css() {
echo '<style type="text/css">
/* Main column width */
.wp-block {
    max-width: 720px;
}
/* Width of "wide" blocks */
     .wp-block[data-align="wide"] {
     max-width: 1080px;
}
/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
    max-width: none;
}
</style>';
}
add_action('admin_head', 'custom_admin_css');

使用插件使Gutenberg编辑器全宽

如果想像经典编辑器一样使用全宽模式，可以安装一个名为 “Page Editor Full Width Option“的插件。这是一个专门设置 Gutenberg 全宽模式的插件。没有任何选项，安装后即可生效。