前端默认Gutenberg CSS

时间:2019-11-29 作者:polish bastard

我想知道如何在前端包含默认的Gutenberg CSS(当没有应用自定义编辑器样式时,我可以在编辑器中看到)。我希望我的the\\u content()在编辑器中看起来像1:1(字体、边距、填充等)。

我需要它来真正知道我在做什么,当我试图在那块。。。编辑

添加\\u主题\\u支持(“wp块样式”);这不是答案,所以你不用麻烦了。

很抱歉,我听起来很傲慢,到目前为止,我在各种论坛上收到了太多与此无关的答案,我正在考虑完全放弃WordPress

1 个回复
SO网友:Jacob Peattie

不能。没有可以加载到前端以使其与编辑器完全匹配的样式表。

任何这样的样式表都需要独立于实际编辑器中使用的样式来创建,因为编辑器中使用的样式是为了与默认样式共享范围而编写的wp-admin/ 样式,这在前端是不存在的。这是因为块编辑器不像TinyMCE那样位于iframe内部。

此外,任何这样的样式表对于所有现有主题都是无用的,因为当与主题样式一起加载时,不可能创建可靠地再现编辑器样式的样式表。因此,这样的样式表只能用作新主题的起点。如果有一个是为了这个目的而创建的,那就没什么用处了,因为主题无论如何都需要覆盖那些样式,除非它们看起来都一样。因此,它所能做的就是使开发复杂化。

相关推荐

CSS Styling a specific page

我熟悉通过添加类在WordPress上设置特定页面的样式.page-id-123 在样式化元素前面。然而,这似乎不适用于“子页面”(抱歉,不知道它们叫什么),当页面后面有一个特定的标记(?)已添加。示例:URL:wordpressweb。com/我的帐户CSS:.page-id-123 .header { background-color: yellow; }URL:wordpressweb。com/我的帐户/?add-new-business=trueCSS:??? .header { bac