WordPress Gutenberg 在编辑器中处理 CSS
WordPress Gutenberg handling CSS in the editor
我创建了将我的 scss（boostrap、node_modules、我自己的自定义 css）编译成单个文件的网站。现在我想知道在编辑器中设置古腾堡块样式的最佳方式是什么？
我想保持块的响应特性不受 bootstrap 和我的样式的影响，最好的方法是什么？
如果我没理解错的话，您希望您站点 front-end 的 CSS 文件也适用于块编辑器吗？
如果是这样，只需在您的主题文件中添加 add_theme_support('editor-styles'); 即可（例如 functions.php）。
我发现创建仅在编辑器中使用的第二个 block-editor 样式表很有帮助。有时我发现媒体查询断点差异太大，或者只需要为编辑器稍微调整一下 front-end 样式。对于该文件，您可以在 enqueue_block_editor_assets 操作挂钩上使用 wp_enqueue_script()，因此它仅适用于编辑器。
我创建了将我的 scss（boostrap、node_modules、我自己的自定义 css）编译成单个文件的网站。现在我想知道在编辑器中设置古腾堡块样式的最佳方式是什么？
我想保持块的响应特性不受 bootstrap 和我的样式的影响，最好的方法是什么？
如果我没理解错的话，您希望您站点 front-end 的 CSS 文件也适用于块编辑器吗？
如果是这样，只需在您的主题文件中添加 add_theme_support('editor-styles'); 即可（例如 functions.php）。
我发现创建仅在编辑器中使用的第二个 block-editor 样式表很有帮助。有时我发现媒体查询断点差异太大，或者只需要为编辑器稍微调整一下 front-end 样式。对于该文件，您可以在 enqueue_block_editor_assets 操作挂钩上使用 wp_enqueue_script()，因此它仅适用于编辑器。