Jak dodać CSS do edytora Gutenberg w WordPress?

Korzystasz z pełnej edycji witryn w WordPressie lub z edytora w Gutenbergu i chcesz dodać własny plik CSS do edytora? Wykorzystaj do tego funkcję add_editor_style(), którą możesz umieścić w pliku functions.php twojego motywu.

Po co dodawać własny CSS do edytora w WordPress?

Dodanie własnego CSS do edytora Gutenberg w WordPress pozwala na dostosowanie wyglądu bloków edytora do indywidualnych potrzeb i preferencji projektowych. Możesz na przykład zmienić kolor tła, rozmiar czcionki, styl nagłówków, marginesy i wyrównanie tekstu. Umożliwia przede wszystkim dostosowanie spójności edytora do wyglądu strony internetowej.

Skorzystaj z poniższego kodu

add_theme_support( 'editor-styles' );
add_action( 'after_setup_theme', 'lw_theme_add_editor_styles' );

function lw_theme_add_editor_styles() {
    add_editor_style( 'style.css' );
}