仅在页面上更改Gutenberg/WP块编辑器宽度,而不更改帖子或其他分类

时间:2020-03-03 作者:andiOak

我已经设法改变了WordPress block editor 因此,它使用了我实际主题的最大宽度,使得在写作过程中更容易进行布局。现在我想把它改成only 编辑时发生pages, 不发布或其他分类法。

我该怎么做?

My current procedure is:

将这些行添加到我的主题functions.php 文件:

add_theme_support( \'editor-styles\' ); 
add_editor_style( \'style-editor.css\' ); 
然后将此css添加到我的style-editor.css 文件:

@media (min-width: 600px) {

  /* Main column width */
  .wp-block { width: 90%; max-width: 1170px; }

  /* Width of "wide" blocks */
  .wp-block[data-align="wide"] { max-width: 1170px; }

  /* Width of "full-wide" blocks */
  .wp-block[data-align="full"] { max-width: none; }

}
到目前为止,块编辑器显示了新的宽度,但当我添加过滤器以仅在页面上显示时,我假设is_page, 它不工作,我最终得到了正常的wp编辑器宽度。以下是中的代码functions.php:

if ( is_page() ) {

    add_theme_support( \'editor-styles\' );
    add_editor_style( \'style-editor.css\' );

}
我想我的问题是,我使用的是前端is\\U页面挂钩,但我找不到与之等效的wp编辑器。正确的代码是什么?

2 个回复
最合适的回答,由SO网友:andiOak 整理而成

因为WordPress挂钩add_theme_support( \'editor-styles\' ); 在样式编辑器中添加css。css并附加类.editor-styles-wrapper 在我之前.wp-block, 将正文类用于页面样式和帖子样式失败。相反,我使用here, from David Walsh, 要将样式独立添加到wp管理区域,请执行以下操作:

// Update CSS within in Admin
function admin_style() {
  wp_enqueue_style(\'admin-styles\', get_template_directory_uri().\'/style-editor.css\');
}
add_action(\'admin_enqueue_scripts\', \'admin_style\');
正如@RiddleMeThis所回答的,Css代码现在运行良好,我可以区分帖子/页面类型:

@media (min-width: 600px) {

  /* Main column width - pages */
  .post-type-page .wp-block { width: 90%; max-width: 1170px; }

  /* Main column width - posts */
  .post-type-post .wp-block { width: 60%; max-width: 800px; }

} 

SO网友:RiddleMeThis

在admin中,如果您检查body标记,您将看到WP正在添加特定的类,类似于前端上的。也就是说,您可以使用这个类在CSS规则中更加具体。

例如,您的代码可以在仅编辑页面时对目标执行此操作。。。

@media (min-width: 600px) {

    /* Main column width */
    .post-type-page .wp-block { width: 90%; max-width: 1170px; }

    /* Width of "wide" blocks */
    .post-type-page .wp-block[data-align="wide"] { max-width: 1170px; }

    /* Width of "full-wide" blocks */
    .post-type-page .wp-block[data-align="full"] { max-width: none; }

}

相关推荐

迁移到其他位置后无法访问wp-admin

我一直在我的博客上工作。昨天我做了所有备份(文件和数据库),我更改了wp配置。php和新用户、DB名称和密码,我在我的实际URL上发布了所有内容。http://agenciamoka.com我的测试URL是http://mokaweb.com.br/Moka/嗯,在我决定访问wp admin之前,一切都很好。当我尝试访问wordpress面板时,它会更改为旧的URL。直截了当:每个链接都指向旧URL。有人知道我要做什么吗?