Gutenberg sets the foundation that’ll revolutionise customisation and site building in WordPress.

Designed and developed by Illustrate Digital. Built using Gutenberg, powered by WordPress.

Gutenberg

More than a new style of editor.

See how Gutenberg can benefit your workflow, from designing to developing to managing a site.

Built using Gutenberg in

WHAT IS GUTENBERG? – Officially released in version 5.0 of WordPress in December 2018, Gutenberg is a whole new content editing experience for the world’s most used website software.

The entire editing experience has been rebuilt for media rich pages and posts. Experience the flexibility that blocks will bring, whether you’re building your first site, or you write code for a living. This is what the future looks like and it’s available at the core of WordPress right now.

  • A brand new content editor
  • Replaces the classic text editor
  • Introduces reusable ‘blocks’
  • Built for better content management
  • Built by the WordPress community
  • Built to make the web a better place

WHY THE CHANGE? – The back-end in WordPress had been crying out for an update and Gutenberg brings the change that the web industry has needed. A better, quicker content editor that doesn’t compromise on website quality.

Gutenberg is named after Johannes Gutenberg, who invented a printing press with movable type more than 500 years ago. Moveable type is a key part of the story and describes what the Gutenberg editor offers. Content editors can quickly and easily make new blocks, replicate existing blocks and move their content around with freedom, without affecting the quality of front-end design.

  • Say goodbye to messy shortcodes
  • Welcome to an easier editing experience
  • Expect raised development standards

WHO IS GUTENBERG FOR? – It’s been created for everyone, to help make website building and website management more efficient and longer-lasting. It’s aimed at improving the task of content management and improving the end-user experience as a result.

As the industry adapts to this new technology at the heart of WordPress, the end-user will benefit more and more from new and fresh content. It’ll become easier for content writers and marketers to create their content, without needing to know too much about design principles or bits of development. It also creates a new standard for designers and developers too.

  • For Designers
  • For Developers
  • For Site Managers
  • For Marketeers
  • For Content Writers
  • For Everyone
6

Hello Blocks.

Blocks are a great new tool for building engaging content. With blocks you can insert, rearrange, and style multimedia content with very little technical knowledge. Instead of using custom code, you can add a block and focus on your content.

Learn more about Blocks

Using Blocks.

In Gutenberg any page is editable using blocks. Just choose the block that suits your content the best and start writing, uploading images, videos and other content types. When you’re done, you can preview your work quickly and easily; same as always.

Play around with some Gutenberg blocks

Block Development.

The editor offers powerful development enhancements with modern vendor packages, reusable components, rich APIs and hooks. These allow developers to modify and extend the editor through Custom Blocks, Custom Block Styles and Plugins.

Learn more about developing blocks

Block Design.

Blocks don’t have to be boring. Create your own designs that’ll benefit your user’s experience and when developed into blocks they can be used over and over, saving precious design time and making the most of your great design work.

Learn more about designing blocks

Dynamic Blocks.

Blocks in Gutenberg can be either static or dynamic. The cool thing about dynamic blocks is they don’t require a user to update them individually, instead they use the latest posts from across a website to display up-to-date content, such as displaying ‘latest blogs’ on a website homepage.

Learn more about dynamic blocks

Responsive Blocks.

Worried about mobile? Don’t be. The whole idea of blocks has been formed around a multi-device approach. Dynamic blocks mean you’ll be able to create your content for multiple devices at once, without repeating your work for each device.

Learn more about responsive blocks.
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
WordPress Gutenberg block icon
“Blocks are predictable, tactile, and can be simple like a text block, or as rich as an e-commerce interface.” — Matt Mullenweg, WordPress Co-Founder

For

Design.

Develop.

Manage.

We created this site to show that block-based content doesn’t need to be boring or indeed blocky. Our aim is to give you a glimpse of the possibilities with Gutenberg for designers, developers and content editors. We really hope you like it and more importantly, we hope you enjoy the Gutenberg editing experience.

Gutenberg text editor