We have organised a theme night on 17 January 2019 focusing on Gutenberg, the new block editor in WordPress. We have had a lot of attendees that are WP users, but also a couple of developers.
“The possibilities of WordPress in Twenty Nineteen” — Csaba Varszegi
With the release of WordPress 5.0 we have a new default editor (aka the Block Editor, aka Gutenberg). And we got a new default WordPress theme: Twenty Nineteen. Twenty Nineteen makes full use of the new possibilities of Gutenberg. Csaba briefs us about the choices made in the (ultra-short) development process of Twenty Nineteen and guides us through the theme.
“Make your theme Gutenberg-compatible (basics)” — Veerle Verbert
Starter tips to make an existing or new theme Gutenberg-ready. With lots of references to starter themes, tutorials and documentation.
Our Gutenberg link list
The links mainly focus on Gutenberg ready themes, Twenty Nineteen and getting your own theme ready for Gutenberg (basics).
Gutenberg ready themes
- https://wptavern.com/full-gutenberg-compatibility-coming-soon-to-automattics-free-themes-on-wordpress-org-including-storefront-for-woocommerce (25/11/2018)
- https://wptavern.com/wordpress-theme-developers-begin-marketing-themes-as-gutenberg-compatible (27/09/2018
- https://wordpress.org/themes/twentynineteen/ (partial compatibility for earlier default themes)
- https://wordpress.org/themes/atomic-blocks/ + extra blocks with https://wordpress.org/plugins/atomic-blocks/
- https://www.codeinwp.com/blog/best-gutenberg-compatible-themes/ (??)
- https://colorlib.com/wp/wordpress-themes-compatible-with-gutenberg/ (mainly themeforest themes, affiliate links)
- http://www.andersnoren.se/teman/ (info: http://www.andersnoren.se/the-gutenberg-update/)
- https://themeshaper.com/2018/05/22/music-a-gutenberg-powered-theme/ (might not be up-to-date)
- 16/10/2018: https://wptavern.com/first-look-at-the-twenty-nineteen-default-theme
Example sites running on Twenty Nineteen
- for Drupal: https://www.drupal.org/project/gutenberg_starter
- Twenty Nineteen (GitHub) (check https://github.com/WordPress/twentynineteen/blob/master/CONTRIBUTING.md for local dev setup)
- https://wordpress.org/gutenberg/ (= live demo)
- https://testgutenberg.com/ (= live demo)
The Gutenberg handbook is probably the first source you need to look at. It has a couple of interesting sections:
Some other useful links, especially for users are:
- List of all default Gutenberg Blocks in WordPress 5.0
Courses & tutorials
- Gutenberg Theme Development (Zac Gordon)
- WordPress 5: essential training (Morten Rand-Hendriksen)
- Gutenberg for Newbies: How to Handle the Upcoming WordPress 5.0 Update
- How To Convert Existing WordPress Posts to Gutenberg Blocks (iThemes)
- Introductie van het Twenty Nineteen Theme (Theming for Gutenberg) (Kinsta)
- Styling Themes for Gutenberg (ThemeShaper)
- Enqueueing Scripts and Styles for Gutenberg Blocks
- Fronteers WordPress Gutenberg Workshop (Luc Princen)
Block & advanced courses & tutorials
- Learning Gutenberg (Series on CSS-Tricks.com)
- Embracing Gutenberg In Existing Code (Alain Schlesser, also available on WordPress.tv)
- Gutenberg Block Development (Zac Gordon)
- Advanced Gutenberg Block Development (not ready yet, Zac Gordon)
Gutenberg ready plugins
You can find plugins in the WP repository that offer blocks for the block-based editor via this link: https://wordpress.org/plugins/browse/blocks/.