Mick van Dijk

Tips & tricks about Frontend and Wordpress

Frontend

Smooth scroll behavior

To get some smooth scrolling on your page, just simply add the following code to your stylesheet. With this small piece of code the movement will be smooth instead of a more static behavior.

html {
  scroll-behavior: smooth;
}

Gutenberg Wordpress

Remove Gutenberg blocks

Add the following code to only allow some Gutenberg blocks to your WordPress site.

add_filter('allowed_block_types', 'setAllowedBlocks');

function setAllowedBlocks($allowed_blocks) {
	$allowed_blocks = array(
        'core/image',
		'core/paragraph',
		'core/heading',
		'core/list'
	);

	return $allowed_blocks;
}