More Themes Baby

Logo

More Themes Baby

Hamburger Menu Icon

☰
×

Header menu

  • Home
  • Themes
  • Questions
  • Blog
  • Contact

Single post

Getting started with Gutenberg theme development in five minutes

Post content

As with every major new technological change one might think the learning curve is steep. Not with WordPress Gutenberg. You can start designing a Gutenberg theme in minutes.

All you’ve got to do is:

  1. Install the Gutenberg Plugin.
  2. Change the ‘Welcome to the Gutenberg Editor’ post status from draft to publish.
  3. Start styling the blocks, ie. all the wp-block-xxx classes.
  4. Done.

To get the sense of the current block classes you can check the WordPress Gutenberg Starter Theme, more exactly the css/blocks.css file.

If you need to go further like creating your own blocks, again, the learning curve is zero to none. I mean Gutenberg works out-of-the-box without the need to install a new ecosystem like node and webpack.

Just head over to WordPress Gutenberg Examples repository and check the examples without the -esnext suffix. All of them are plain PHP and Javascript.

To get started all you need is to enqueue your new scripts and styles with PHP, and create them using Javascript and the Blocks API.

Post footer

Post Format Standard
Wordpress Themes
Blocks API
Gutenberg

Post date

March 7, 2018

Post author

by admin

Post navigation

  • Log Lolla submitted for review
  • Third party CSS is not safe

Sidebar

Widget list

Topics Summary

This site is about things that can help web design and development and the internet

Topics

Emerging

{17,66,83,17,33,66,66,99,0,50}

Tools

{28,28,28,0,57,28,0,14,14,99}

Misc

{0,28,42,0,28,99,28,28,0,71}

Indie web

{0,33,66,33,0,66,99,33,33,33}

2017

{0,99,17,0,0,0,0,0,0,0}

Post Formats

Standard

29

Aside

3

Chat

1

Gallery

5

Link

64

Image

29

Quote

27

Status

12

Video

5

Audio

0

Archives by date

2018
08
05
04
03
02
01
2017
12

Footer

Footer navigation

  • Home
  • Themes
  • Questions
  • Blog
  • Contact

Footer copyright

© 2020 More Themes Baby

Footer credits

powered by WordPress
and the Log Lolla Pro theme