The new Gutenberg editor is now fully integrated and released into the new version of WordPress 5.0. The new version has just been released few hours ago (December 6, 2018).

If you are a blogger, theme author or simply an WordPress enthusiast, I’m sure that you will verify your website to see if it compatible with the new editor.

Sample Data for Gutenberg

If you simply want to list all the Gutenberg Blocks to see what it can do, then this article is just for you. Let’s get started.

First of all, Make sure that you have the latest version of WordPress (v5.0). This version already bundles the Gutenberg editor in it. So if you have the latest version, most probably when you add a new page, it will be created via the Gutenberg.

Gutenberg Editor – First View (When adding a new page/post)

If you get that view, it means that you already successfully updated your website to WordPress 5.0 and you are ready to use the Gutenberg. In order to the demo blocks we provide at the end of this article you need to Switch from Visual Editor to Code Editor:

Switch from Visual Editor to Code Editor

Now, Copy and Paste the code from the following Gist into the box (Start writing with text or HTML):

You should have a page like this one:


Now, you can switch back to Visual Editor. After doing so, All the blocks will now appear, including images, quotes, parts of code and many other interesting ones.

Simply publish the page and open it in frontend.

WP 5.0 FeaturesReasons to switch to Gutenberg

Customization Services Tailored for You

Looking for a custom website? We've got you covered. From unique designs to custom functionalities, let's bring your vision to life together!


Leave a comment