覆盖主题中的图像最大宽度(使用Gutenberg编辑器)

时间：2018-03-22 作者：mox

我最近安装了Gutenberg 我的Wordpress安装插件。这个theme 我使用的是非全宽贴子。帖子中的图像有一个“宽”选项，但主题不允许图像超出主题规则。

我试过这个solution （添加主题支持）由古腾堡团队提供。但运气不好。

add_theme_support( \'gutenberg\', array(

// Theme supports wide images, galleries and videos.
\'wide-images\' => true,

// Make specific theme colors available in the editor.
\'colors\' => array(
    \'#ffffff\',
    \'#000000\',
    \'#cccccc\',
),
我应该在代码中搜索什么来开始寻找解决方案？

非常感谢。

1 个回复
SO网友:David Sword

add_theme_support(\'gutenberg\', [\'wide-images\' => true ]) 告诉古腾堡，“嘿，这个网站内容区的CSS是用来处理宽图像的

--

如果您只是在试验，并且只想对使用gutenberg的页面进行CSS更改，那么可以使用以下代码片段来检查页面是否为gutenberg：

add_action(\'body_class\', function($classes){
    if (function_exists(\'the_gutenberg_project\') && gutenberg_post_has_blocks( get_the_ID() ) )
        $classes[] = \'using-gutenberg\';
    return $classes;
});
您可以更好地仅为gutenberg选择元素，使您的CSS像

body.using-gutenberg #container.container {
    /* ..wtv full width css */
}
如果您对CSS内容是如何完成的感到好奇，请查看gutenberg-starter-theme on GitHub 供参考。

结束
标签： add-theme-support   block-editor   小码农  

相关推荐