css - WordPress Gutenberg 在编辑器中处理 CSS

我创建了将我的 scss（boostrap、node_modules、我自己的自定义 css）编译为单个文件的网站。现在我想知道在编辑器中设置古腾堡块样式的最佳方式是什么？

我想保持我的块的响应性质不受引导和我的样式的影响，最好的方法是什么？

标签： csswordpresswordpress-gutenberg

如果我理解正确，您是否希望您网站前端的 CSS 文件也适用于块编辑器？

如果是这样，那就像添加add_theme_support('editor-styles');主题文件一样简单（例如在functions.php 中）。

我发现创建第二个块编辑器样式表以仅在编辑器中使用很有帮助。有时我发现媒体查询断点差异太大，或者只需要为编辑器稍微调整前端样式。对于该文件，您可以wp_enqueue_script()在enqueue_block_editor_assets操作挂钩上使用，因此它仅适用于编辑器。