New WordPress Gutenberg Editor & Atomic Blocks Theme ROCK!!
As you maybe knowing by now, I have a Video & Powerpoint Creation Website. I am using self-hosted version of WordPress in that site also.
Recently, WordPress released an update (5.0) where they changed the current TinyMCE editor to blocks-based Gutenberg editor.
For my other website, wowsuper.net, I had used a premium theme with a theme-builder that enabled me to build my homepage using sections. But this update broke that theme-builder plugin, so I was looking for alternative themes – preferably one that was built for/supports Gutenberg editor.
WordPress themselves have released the Twenty Nineteen theme that integrates fully with Gutenberg. In fact, in the distraction-free version of the editor interface, you can see what the changes on the editor will look like on your web page. Almost WYSIWYG.
Although the concept is amazing, the theme was a little basic for my website. It would suit blogs perfectly, but for a services-based website I wanted something else. That’s when I came across the free Atomic Blocks theme.
This is a popular theme that was built for the Gutenberg editor and it even adds its own good looking blocks (via a plugin) that we can use. I have applied this theme to my website and used Gutenberg editor to build the front page. What I was able to achieve, that too with just the native wordpress editor, was amazing! Head over there and see for yourselves.
What are blocks?
Blocks are rectangular areas on the web page. The text you see here were written on a full-width text block that I placed here on the editor. There are other blocks for quote, image, video, list, embeds, etc.
The best thing about the block editor is, you can move blocks from one place to another. You can move this paragraph over the above with a single click, for example.
You can also have columns and each column can have its own blocks and own content. If you head over to wowsuper.net, you’ll find that I have used two-columns on the front page to display my video services for ‘personal’ and ‘business’.
I love the fact that the editor is able to display pictures and video, over the entire width of the screen. In fact, you can convert full-width pictures into ‘Cover block’ that gives a parallax effect along with short overlay text (optional). I have used this future extensively on the homepage there 
