WordPress Gutenberg обрабатывает CSS в редакторе

Question

Я создал свой сайт, который компилирует мои scss (boostrap, node_modules, мои собственные css) в один файл.Теперь мне интересно, как лучше всего оформить блоки Гутенберга в редакторе?

Я хочу уберечь отзывчивый характер моих блоков от начальной загрузки и моего стиля, какой будет лучший подход для этого?

Answer 1

Если я правильно понимаю, вы хотите, чтобы файл CSS для внешнего интерфейса вашего сайта также применялся к редактору блоков?

Если это так, это так же просто, как добавить add_theme_support('editor-styles'); в ваши файлы тем (например, в functions.php).

Я считаю полезным создать вторую таблицу стилей редактора блоков для использования только в редакторе. Иногда я нахожу, что точки останова медиа-запроса слишком разные или мне просто нужно немного подправить стили интерфейса для редактора. Для этого файла вы можете использовать wp_enqueue_script() на хуке действий enqueue_block_editor_assets, поэтому он применяется только к редактору.