定义多个Gutenberg编辑器宽度

时间：2018-10-31 作者：sebfck

我正试图根据帖子/页面模板为古腾堡编辑器定义多个宽度。我有一个全宽度的页面模板，并希望编辑的经验是尽可能接近现场页面。

现在的问题是，我似乎只能使用为编辑器定义一个宽度。wp块类。我遵循以下方法：https://wordpress.org/gutenberg/handbook/extensibility/theme-support/#changing-the-width-of-the-editor

.wp-block {
    max-width: 720px;
}
我尝试在前面添加选择器。wp块类，例如：

.wp-block {
    max-width: 720px;
}
.page-template-fullwidth .wp-block {
    max-width:1080px;
}
但不幸的是，这不起作用。似乎改变宽度的唯一可能的方法是使用。wp块

关于如何实现多个不同的编辑器宽度，有什么想法吗？

非常感谢。

1 个回复
SO网友:apmeyer

您可能需要使用条件编辑器样式表现在需要的方法（对于TinyMCE）。

function my_theme_add_editor_styles() {
    global $post;
    $post_type = get_post_type( $post->ID );
    $editor_style = \'editor-style-\' . $post_type . \'.css\';
    add_editor_style( $editor_style );
}
add_action( \'pre_get_posts\', \'my_theme_add_editor_styles\' );
此代码段来自a Hongkiat article describing the process.

注意：对于每种帖子类型，主题目录中都会有不同的编辑器样式表：

editor-style-POST_TYPE.css
使用sass/less会使这一点更易于管理，因为您可以从部分编译这些样式表，只需添加更改Gutenberg编辑器宽度的类。

不太理想，但这种方法可以完成工作。

结束
标签： editor   block-editor   content-width   小码农  

相关推荐

Add editor toolbar to Metabox

我有多个这样的元数据库：function initialisation_metaboxes_home(){ add_meta_box(\'home_extract_meta\', \'Affichage home\', \'ma_meta_function_home\', \'produit_fr\', \'normal\', \'high\'); add_meta_box(\'home_extract_meta\', \'Affichage home\', \'