Voeg child theme stylsheet toe aan Gutenberg editor

Met onderstaande code kan je het CSS-bestand van je child thema inladen in de Gutenberg editor. Voeg onderstaande code toe aan je child-thema ‘functions.php’ bestand.

add_action( 'after_setup_theme', 'wpx_child_setup' );
/**
 * Registers support for editor styles & Enqueue it.
 */
function wpx_child_setup() {
	// Add support for editor styles.
	add_theme_support( 'editor-styles' );
  
	// Enqueue editor styles.
	add_editor_style( 'style.css' );
}

Met deze code wordt het CSS-bestand van het child-thema aan de Gutenberg-editor gekoppeld. Zorg ervoor dat je het bestand ‘style.css’ in de hoofdmap van je child-thema plaatst.

Frank Schrijvers

Over Frank Schrijvers

Hey! Ik ben Frank, een creatieve duizendpoot en fulltime WordPress-expert achter WPX. Met passie voor maatwerk ontwikkel ik unieke websites en webshops, bied ik WordPress-onderhoud en zorg ik voor razendsnelle hosting.

Meer weten? Check mijn verhaal!

Hulp nodig met je WordPress of WooCommerce website?

Met mijn ruime ervaring sta ik klaar om je verder te helpen