Categories
Gutenberg WordPress

How to add anchor support to Gutenberg blocks on WordPress

Note: If you are new to extending blocks using filters, I’d recommend giving this a read first: https://junaid.dev/how-to-extend-blocks-in-the-gutenberg-editor-on-wordpress/ Example: How to use block filters to add “Anchor” support to core columns In this example, we are going to add anchor support to the core Columns block, but this can easily be extended to other blocks: […]

Categories
Gutenberg WordPress

Gutenberg CSS Setup: An Idea

Note: This blog post is specific to SCSS, but one could apply this to other dynamic CSS generation tools like PostCSS. The problem The WordPress Gutenberg block editor has been out now for over a year as of writing this post. The best part about it is that the author of the post gets a […]

Categories
Block Editor Gutenberg WordPress

How to extend blocks in the Gutenberg editor on WordPress

Important: This post assumes that you already know how to work with JavaScript ES6 and have some experience in working with and setting up custom blocks on WordPress using Webpack. Gutenberg Blocks With the introduction of WordPress 5, we now have a new powerful tool at our disposal: Blocks. Blocks let us build custom experiences […]